有了 jQuery，我如何使用“实时”功能？添加新元素时发出警报的方法？

Question

首先，我不想让另一个插件来执行此操作...jQuery 已经具有使用 live() 方法完成我想要的 99% 功能的功能。

基本上，我想将其更改

$(".some-button").live("click", function() { alert('yay!'); });

为：

$(".some-button").live(function() { alert('yay!'); });

所以，我的意思是，当将元素添加到页面时，我想立即触发一个方法... jQuery 已经可以做到这一点 SOOO close< /strong> 因为这就是它添加“点击”的方式，即使在上面的示例中也是如此！

如何在不添加另一个插件的情况下实现这一目标，而只需使用与“live”和“die”方法相同的功能？

Answer 1

这是我复制和粘贴的一些代码，它们似乎可以在小提琴中工作，至少在 FF 上： http://jsfiddle.net /KQBzn/

$(document).bind('DOMNodeInserted', function(event) {
      alert('inserted ' + event.target.nodeName + // new node
            ' in ' + event.relatedNode.nodeName); // parent
});

来源：http://forum.jquery.com/topic/how-to-get-notified-when-new-dom-elements-are-addition

Answer 2

没有任何跨浏览器的方法可以做到这一点，并且 jQuery 本身也没有允许这样做。

您必须使用插件，或者只是手动管理新元素的调用代码。

live()^{[docs]< /sup>} 方法和 delegate() ^[文档]方法是仅用于事件处理。您提供给他们的代码只会响应浏览器事件，而不响应 DOM 操作。

---

.live() 不会执行此操作的原因是它在向 DOM 添加新元素时不会运行任何代码。它不监视任何 DOM 更改。相反，它响应冒泡到文档的事件，并在与您提供的选择器匹配时调用处理程序。

Answer 3

你不能用 .live() 方法来做到这一点。

看来 jQuery 应该向 .live() 方法添加一个功能，这样如果它与特定关键字（如“created”而不是事件名称）一起使用，那么它将允许您为创建的元素执行一个函数。那就太酷了！例如，理想的场景是这样的：

$('.foobar').live('created', function() {
    // do something with each newly created .foobar element here.
});