Travailler avec l'élément dynamique JQuery

Question

Mon code crée des divs dynamiques. Ma fonction devrait fonctionner avec ces éléments dynamiques.

En HTML:

<div id="test"> 

</div> 

En JQuery, je crée quelques divs:

for (var i = 0; i < 5; i++) { 
    $("#test").append("<div class=\"lists\" style=\"width=... height=...\"></div>"); 
} 

En conséquence, lorsque je clique sur un div, doit être affiché une alerte. Mais ce n'est pas le cas.

$(".lists").click(function() { 
    alert("Hi"); 
}); 

Answer 1

Vous devez utiliser event delegation

$("#test").on("click", ".lists", function() { 
    alert("Hi"); 
});