Eventos acionados por elementos gerados dinamicamente não são capturados pelo manipulador de eventos
eu tenho um<div>
comid="modal"
gerado dinamicamente com o jQueryload()
método:
$('#modal').load('handlers/word.edit.php');
word.edit.php
contém alguns elementos de entrada, que são carregados em um<div>
.
Usando jQuerykeyup
Eu posso capturar os valores de entrada depois que um evento é acionado, mas quando os elementos são adicionados dinamicamente ao div modal, o evento não é iniciado quando o usuário digita seu texto.
Qual método jQuery suporta o tratamento de eventos disparados por elementos criados dinamicamente?
O código para criar os novos elementos de entrada é:
$('#add').click(function() {
$('<input id="'+i+'" type="text" name="translations' + i + '" />')
.appendTo('#modal');
O código para capturar os valores do usuário é:
$('input').keyup(function() {
handler = $(this).val();
name = $(this).attr('name');
Este segundo bloco de código parece funcionar para os elementos originais, mas não é acionado pelos novos elementos gerados dinamicamente.