동적 요소 JQuery와 함께 작업

Question

내 코드는 동적 div를 만듭니다. 내 함수는 이러한 동적 요소와 함께 작동해야합니다. HTML에서

: 결과에서

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

, 내가 사업부를 클릭하면 경고가 표시되어야합니다 : JQuery와에

<div id="test"> 

</div> 

, 나는 몇 된 div를 만들 수 있습니다. 그러나 이것은 일어나지 않습니다.

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

Answer 1

당신은 event delegation

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

을 사용해야합니다