绑定通过AJAX

Question

我们有一个WordPress插件，它通过AJAX调用动态地将用户特定内容（html）加载到页面。但是，WordPress主题和其他插件开发人员越来越多地使用javascript和CSS组合处理（动画等）元素，这些元素存在于document.ready()的DOM中。

我们无法控制他们的行为或做法。如果我们这样做，我们会坚持使用.on()和.trigger()事件委派并在功能中打包。

我们能做些什么确保document.ready()之后引入的所有内容都能正确绑定点击，动画等？

Answer 1

根据您的jquery版本，您可以使用＆＃34; delegate＆＃34;处理委派事件（在第一个＆＃34; on＆＃34;方法调用之后添加的元素的事件）。 （对于jquery＆lt; 1.7）或＆＃34;对于＆＃34; （对于jquery＆gt; = 1.7）方法。

但是你必须使用这个表格：

$(".containerElement").on( 'click' , '.clickableElement', function(e){
    //Do stuff
});

委托函数具有相同的参数。

有关事件和事件委托的更多信息：

http://api.jquery.com/on/