javascript - jQuery添加<li>元素后触发函数？

Question

我有一个 html ul 列表和一个添加按钮，用于创建新的 li 元素。 我需要的是在创建新的 li 元素后调用一个函数，但我面临的问题是按钮的单击事件(或它所做的任何事情)以及添加新元素的函数我无法访问 li 元素，因此我访问的唯一方法是通过绑定(bind)到按钮的新事件。

如果我为按钮创建一个新的绑定(bind)事件，我将无法执行任何操作，因为该事件是在创建新的 li 之前触发的。

$addButton.bind("click", myFunction);

所以我需要的是能够检测到新的 li 已添加到主 ul 中的东西。 最好的方法是什么？

我重复一遍以防万一...我无法访问创建 li 元素的函数。

Answer 1

您可以使用 DOMNodeInserted 事件。

$('#list').on('DOMNodeInserted', 'li', function(e) {
    console.log(e);
});

它将在添加到列表中的每个新 li 元素时触发。

fiddle :https://jsfiddle.net/x7po0dwe/

IE > 9

更新:

我推荐这个解决方案而不是我的:https://stackoverflow.com/a/10343915/1516112