내 HTML에 대한이 같은 파일이 추가 DIV

Question

에 mouseenter을 감지 할 수 없습니다 : 내 JQuery와 파일에서

<div id="append"> 
    <div class="sample"> Sample Text 1 </div> 
</div> 

를,이, 내가 사단의 나머지를 추가 할 것입니다

$.each([ 2,3,4,5,6,7,8,9,10 ], function(index, value) { 
     $('#append').append("<div class="sample"> Sample Text "+ value.toString() + " </div>"); 
}); 

첨부 된 부서 (예제 텍스트 2 이상)가 마우스 입력 이벤트를 감지 할 수 없다는 문제가 있습니다. 나는이 일을하여 테스트 : 첫 번째 div.sample 유혹 할 때

$("div.sample").mouseenter(function(){ 
    alert("Mouse Enter Event Detected"); 
}); 

난 단지 경고를 얻을. 첨부 된 부서는이를 감지하지 못합니다.

첨부 된 부서의 마우스 오버 이벤트를 감지하려면 어떻게해야합니까?

Answer 1

당신이

$(document).on("mouseenter", "div.sample", function(){ 
    alert("Mouse Enter Event Detected"); 
});