使用動態元素JQuery

Question

我的代碼創建動態div。我的功能應該與這些動態元素一起工作。

在HTML：

<div id="test"> 

</div> 

jQuery中，我創建了幾個div的：

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

在結果，當我點擊一個div，應該顯示一個警告。但是這沒有發生。

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

Answer 1

你必須使用event delegation

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