1

Boa noite, tenho uma tabela jquery onde em uma coluna eu retorno um botão

{ "data" : 'sla.value', 'render': function ( data, type, full, meta ) {
  return ' <button id="show" type="button">Click</button>'; }

Depois de fechar o}); da tabela vem um simples alerta (todos dentro do $(document).ready):

 $('#show').click(function(){
  alert('oi');
   });

Mas ao clicar não acontece nada, se inspecionar o botão ele aparece o id show. A mesma coisa acontece se eu colocar assim onclick="metodo();" direto no elemento e criar esse método em baixo, no console informa que 'método' não foi encontrado. Alguma idéia? Parece simples mas estou empacado nisso. vlw

1 Resposta 1

1

Seu botão está sendo criado dinamicamente. Geralmente quando queremos encontrar esse tipo de elemento no DOM, usamos isso:

$(document).on('click', '#show', function(){
    alert('oi');
})

Exemplo atribuindo o evento ao elemento da sua forma antes de criá-lo:

Veja que não vai funcionar.

$('#show').click(function(){
	alert('oi');
});
$('body').append('<button id="show" type="button">Click</button>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Exemplo atribuindo o evento ao elemento da outra forma mesmo antes de criá-lo:

Veja que agora vai funcionar.

$(document).on('click', '#show', function(){
   alert('oi');
})
$('body').append('<button id="show" type="button">Click</button>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Veja se funciona no seu caso.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .