Append em jquery(chamar append no jquery)

15 de dezembro de 2015 2 respostas Resolvido

jordao.s 15 de dezembro de 2015

Olá. Estou tentando fazer uma aplicação dinâmica em jQuery. Tenho um botao para quando clicar nele, fazer um append de um conteúdo HTML. Está dando certo. O problema é que esse conteúdo é outro botão, que eu faço pra quando clicar no botão com aquela ID, fazer outro append. E é isso que não está dando certo.

o código:

< script >
$('#criar').click(function(){//DA CERTO!
$('#div').append('< label id="novoAdd">Adicionar</ label>');
});

$('#novoAdd').click(function(){//NAO DA CERTO!
$('#div').append("OK!");
});
</ script>

2 Respostas

Solucao aceita

peron 15 de dez. de 2015 3 likes

Olá Jordão,

Isso acontece porque você registra o método no “evento” on-click do componente, portanto, o segundo comando acontece já em seguida do primeiro, só que você ainda não clicou no #criar e por conseguinte não existe #novoAdd.

Se você mudar pra:

< script >
$('#criar').click(function(){//DA CERTO!
      $('#div').append('< label id="novoAdd">Adicionar</ label>');
      $('#novoAdd').click(function(){//NAO DA CERTO!
             $('#div').append("OK!");
      });
});
</ script>

Aí seu codigo vai funcionar, pois você terá a garantia de que #novoAdd existe antes de registrar um evento a ele.!

Valeu

jordao.s 15 de dez. de 2015

Ótimo Peron. Deu certo! Muito obrigado cara

Criado 15 de dezembro de 2015

Ultima resposta 15 de dez. de 2015

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados