2012-10-05 45 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方法。 –

回答

6

你可以試着聽DOMNodeInserted事件

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

如果要添加Li UL和想聽聽事件..

Check DEMO

+0

+1非常好,不知道這個事件,我已經擴展了你的演示,展示瞭如何使用它來監聽添加在頁面上的任何元素,並根據event.target找出元素類型或屬性參數。在這裏 - > http://jsfiddle.net/gnel/9DPUY/ – Nelson

+0

@納爾遜..謝謝你的小提琴:) –

+0

哇,我不知道這是否存在! – argentage

相關問題