JQuery - 为每个实例化的新 DOM 对象执行代码

Question

我想知道这在 JQuery 中是否可行。

我有一些 Javascript 代码可以动态创建 DOM 对象，以响应用户操作。 其中一些 DOM 对象具有特定的结构 - 容器始终具有相同的“类”属性。

我想做的是，每次创建具有“X”类的 DOM 对象的新实例时，我都希望执行相同的 Javascript 代码片段。 该代码将向该 DOM 对象添加一个“onclick”事件。

不幸的是，我不能只将分配 onclick 的代码放在 document.Ready() 中，因为它绑定的对象是在 document.Ready() 执行很久之后动态创建的。

JQuery 是否允许您设置持久绑定，这些绑定将自动绑定到某种类型的 DOM 对象，即使它是动态生成的？

Answer 1

我想我已经在 J​​Query 文档中找到了我自己问题的答案，这令人惊讶。

http://docs.jquery.com/Events/live#typefn

live( type, fn )

在 jQuery 中添加1.3：将处理程序绑定到所有当前和未来匹配元素的事件（如单击）。 还可以绑定自定义事件。

Answer 2

您是否看过名为 LiveQuery 的 jQuery 插件？

从 LiveQuery 文档页面：

例如，您可以使用
下面的代码绑定点击事件
所有 A 标签，甚至您的任何 A 标签
可以通过 AJAX 添加。

$('a') 
>     .livequery('click', function(event) { 
>         alert('clicked'); 
>         return false; 
>     });

一旦您将新的 A 标签添加到您的
文档，Live Query 将绑定
点击事件，没有其他事情
需要调用或完成。

Answer 3

这过去被称为“实时”、“委托”，有时也被称为“绑定”。 这些现在已替换为“on”，但有一些注意事项，如下所述：Javascript 事件绑定持久性

Answer 4

在 jQuery 核心中不可能（正如您可能已经通过参考某些插件的其他答案意识到的那样）...如果您不一定需要像 livequery 这样的东西的所有功能，这可能是一个非常简单的

任务支持它们的浏览器 - 使用 DOM level 2 事件 - 'DOMNodeInserted':

http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents