jQuery를 사용하여 새로 만든 요소에 이벤트 처리기를 자동으로 추가

Question

문서 준비가 완료되면이 이벤트 처리기를 bubbleItemOff 클래스가있는 모든 요소에 연결합니다. 제 문제는 문서 준비 이벤트가 발생한 후 일부 bubbleItemOff 요소가 동적으로 생성된다는 것입니다.

새로 만든 요소에 이벤트 처리기를 자동으로 추가 할 수있는 방법이 있습니까? 아니면 요소를 만든 후에 명시 적으로 처리해야합니까?

$(function() { 
     $('.bubbleItemOff').mouseenter(function(e) 
     { 
      //... 
     }); 
    }); 

Answer 1

on() 메소드를 사용하는 공통 상위 요소에서 이벤트 위임을 사용합니다 (예 : jQuery 1.7.x 이상을 사용하는 것으로 가정). 당신이 이전 버전을 사용 delegate() 대신를 사용하는 경우

$(function() { 
    $('body').on('mouseenter', '.bubbleItemOff', function(e) 
    { 
    ... 
    } 
} 

. 첫 번째 공통 상위 요소 인 body을 .bubbleItemOff으로 변경하십시오.

Answer 2

당신은 위임 - 행사 방법에 jQuery를 on 방법을 사용할 수 있습니다 : 여기

$(".parentItem").on("mouseenter", ".bubbleItemOff", function(e) { 
    // 
}); 

.parentItem

는 .bubbleItemOff의 부모를 말합니다.