2012-10-05 4 views
6

가능한 복제를 유발하는 가장 좋은 방법이 무엇인지 목록에 요소를 추가 할 때 :이 이벤트를


How to identify when the DOM has been changed?

이의 내가 <ul> 요소 $(ul#mylist)에 액세스 할 수있는 가정하자.
일부 항목이 목록에 추가되면 어떻게 이벤트를 트리거 할 수 있습니까?

다음을 시도했지만 실제로 작동하지 않습니다.

$('ul#mylist').change(function() { 
    console.log('added an element'); 
}); 
+0

항목을 목록에 추가 하시겠습니까? – j08691

+0

목록에 추가하는 경우 해당 시간에 코드를 수동으로 실행해야합니다. 나는 DOM mutation method에 의존하지 않을 것이다. –

답변

6

당신은 .. 당신이 UL하기 위해 리튬을 추가하는 경우 DOMNodeInserted 이벤트

$('ul#mylist').on('DOMNodeInserted' ,function() { 
    console.log('added an element'); 
}); 

을 듣고 시도하고 이벤트를 수신 할 수

을 추가하고 무엇

Check DEMO

+0

+1 매우 좋습니다!, 해당 이벤트에 대해 알지 못했습니다. 데모를 확장하여 페이지에 추가 된 요소를 듣고 event.target을 기반으로 요소 유형 또는 특성을 파악하는 방법을 보여줍니다. 매개 변수. 여기 -> http://jsfiddle.net/gnel/9DPUY/ – Nelson

+0

@ 넬슨 .. 바이올린 주셔서 감사합니다 :) –

+0

와우, 나는 그 중 하나가 존재했는지 몰랐습니다! – argentage

관련 문제