jQuery事件绑定动态加载的元素

我知道并研究了绑定事件.on()多种方法。我知道.live()在1.9+中已被弃用。 我遇到的问题是将动态DOM元素绑定到事件。

我有一个div包含链接和分页。 链接使用AJAX动态加载。 我想覆盖这些链接的绑定事件，所以我使用了.unbind()并尝试了.on() 。 问题是这些动态加载的链接没有绑定。 我想这是因为选择器$('#id_of_links')缓存了前一组链接。

问题 ：是否可以在任何时间点绑定页面上加载的所有元素，而无需在用户单击链接上的下一页时设置回调？

Answer 1

对于动态添加的元素，您必须将该函数绑定到其父元素之一

 $('#PARENT').on('click', '#DYNAMICALLY_ADDED_CHILD', function(){ CODE HERE }); 

父应该已存在于DOM树中……

更多信息： http ： //api.jquery.com/on/

Answer 2

你不能绑定所有元素，即使那些没有加载到页面中的元素，没有回调方法/函数或循环的函数，并继续检查具有特定属性或特征的元素是否具有绑定到它的正确函数，这可能会导致内存泄漏。