javascript - 如何在不使用自定义触发器的情况下使用 jQuery 监听插入到 DOM 中的元素？

Question

我想监听另一段将一些 html 插入页面的代码。我不控制该代码，所以我不能执行 .trigger('custom_event') 和 $(document).on('custom_event')

此外，我要监听的插入的 div 嵌套在插入的 html 中。

这是我现在拥有的:

$(document).on('DOMNodeInsertedIntoDocument', "#inserted", function () {
    console.log("Inserted into document:", $(this));
});

$(document).ready(function () {
    var new_node = $('<div><div id="inserted">New Div</div></div>');
    $("body").append(new_node);
});

http://jsfiddle.net/AeHxQ/5/

为什么事件没有被触发？

Answer 1

您可以使用带有少量 JavaScript 的 CSS 动画来检测何时将元素添加到 DOM。该技术在这里解释:http://davidwalsh.name/detect-node-insertion