绑定通过AJAX加载的内容

Binding content loaded via AJAX

本文关键字：加载 AJAX 绑定      更新时间：2023-09-26

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

我们无法控制他们做什么或如何做。如果我们这样做，我们会坚持使用.on()和.trigger()事件委托，并将事情打包到函数中。

有什么我们可以做，以确保document.ready()后引入的所有内容得到正确绑定点击，动画等?

根据你的jquery版本，你可以使用"delegate"(对于jquery <(对于jquery>= 1.7)或"on"(对于jquery>= 1.7)方法

你必须使用这个形式:

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

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

关于事件和事件委托的更多信息:

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

相关文章：