Impossibile impostare clicca gestore di eventi su contenuti creati dinamicamente

Question

ho qualche codice come questo:

$('.play').on('click', function(){ 
    console.log('click'); 
}); 

L'elemento .play viene creato dinamicamente con $('.game').html('<span class="paly">Play</span>') metodo. Tuttavia, non ho nulla nel log della mia console quando clicco su questo intervallo. Che cosa sto facendo di sbagliato?

Grazie.

PS: Sto usando jQuery 1.7.1

Answer 1

Non utilizzare live() - è stato deprecato. Invece utilizzare on(), ma utilizzarlo su un elemento padre di delegare l'evento, in questo modo:

$('#parentOfPlay').on('click', '.play', function(){ 
    console.log('click'); 
}); 

Answer 2

Prova questa:

$('.play').live('click', function(){ 
    console.log('click'); 
}); 

Answer 3

Sei sicuro l'elemento ".play" è già lì quando si esegue il codice? O forse è stato creato solo più tardi nel codice .. Potrebbe essere un problema di ordinazioni.

Edit: Se si desidera dinamica, utilizzare 'live' invece di 'come suggerito da altri :)

Answer 4

Prova con

$(document).on('click', '.play' 
    function(){ 
     console.log('click'); 
}); 

Answer 5

È possibile utilizzare dal vivo (che ora è deprecato in 1.7 .1 quindi non dovresti davvero usarlo) o farlo con on, ma tu dove stai 'on' sbagliato.

$(document).on('click', '.play', function(){ 
    console.log('click'); 
}); 

Answer 6

Ecco una buona ripartizione di cosa usare e quando. https://stackoverflow.com/a/8845306/1139444

.on vi darà l'effetto che si sta cercando, ma è necessario farlo sul selettore del documento e mettere il selettore di classe nella chiamata .on.

$(document).on('click', '.play', function(){ 
    console.log('click'); 
}); 

Answer 7

il selettore .play è alla ricerca di un contenitore con quella classe, quindi avrai bisogno di generare il codice con:

$('.game').html('<span class="play">Play</span>'); 

Answer 8

.html() definisce il contenuto di tutti i blocchi che hanno un gioco di classe di nome giocare. Non hai creato alcuna classe .play quindi il rendimento $(".play") non produce nulla. La funzione click non è vincolata a nulla e non viene mostrato nulla sulla console. Prova a fare $(".game").on("click",function(){});