向列表中添加元素时，触发此事件的最佳方法是什么

Question

  

可能重复：
  How to identify when the DOM has been changed?

我们假设我可以访问<ul>元素$(ul#mylist) 如何将某个项目添加到列表中时触发事件。

我尝试了以下但实际上它不起作用。

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

Answer 1

您可以尝试收听DOMNodeInserted事件

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

如果您要将li添加到ul并希望收听该事件..

Check DEMO