在创建元素时触发事件

我想调用一个函数来creation of new divisions DOM中creation of new divisions （即通过ajax调用动态创建）。我知道我可以使用live方法来触发函数。 但是我应该在live method使用什么event ？ 我的意思是当动态创建新的分区时甚至会触发哪个？

Answer 1

您可以使用DOMNodeInserted突变事件，但要注意它们已被弃用，并且在所有浏览器中都不受支持。

更好的解决方案是编写一个自定义事件，如：

 $('#container').bind('MyAddEvent', function(){ alert('Was added'); }); 

如果您希望将事件也应用于新元素，请使用：

 $('#container').on('MyAddEvent', '{selector}' ,function(){ alert('Was added'); }); 

当你添加新的

（在ajax请求之后）时，用触发器触发该事件：

 ... success: function(result){ $('#container').append(result) ... ... $('#container').trigger('MyAddEvent'); } 

• 请注意， live已被弃用， on是新人。

---

如果你不控制新的div插入，你可以在每个x时间检查DOM以获得新的div：

 function checkForChanges() { var newDivs = $('#container div').filter(function(){ return !$(this).data('old') }); ... //Do what you want with those divs newDivs.data('old', true); // mark the div as old. setTimeout(checkForChanges, 1000); // Check the DOM again within a second. } $(checkForChanges); 

Answer 2

使用Mutation Observers探测DOM更改演示DOM4 Mutation Observers （目前仅限Webkit）。 所以现在，你已经搞砸了。 DOMNodeInserted在每个浏览器中都不可用，并且在可用的地方，它非常慢。 Mutation Observers要快得多，但目前仅在Webkit中可用。