jQuery에서 클래스 충돌을 피하는 방법

Question

코드에서 우리는 하루에 약속 수와 같은 요구 사항에 따라 동적 div를 생성합니다. 우리의 주요 요구 사항은 .. 마우스 오버에, 우리는 특정 상대를 위해서 환자의 정보를 가져 오기 때문이다

<div class="schediv" id="1"></div> 
<div class="schediv" id="2"></div> 
<div class="schediv" id="3"></div> 

을 다음과

$('.schediv').mouseover(function() { 
    var id = $(this).attr('id'); 
    alert(id); 
    ------- 
); 

을 다음과 같이 jQuery를이 기록 된대로 같은 내 HTML 그것은 하나의 div에 대해 잘 작동하지만 여러 div에 대해서는 작동하지 않습니다.

Answer 1

addind DOM이 동적이기 때문에 .on()을 사용해야합니다.

$(document).on('mouseover','.schediv',function(){ 
    //code goes here 
});