问题 在ajax加载的内容上重新运行应用程序Javascript


我希望我的应用程序中的所有AJAX加载内容都由我的应用程序JQuery脚本进行评估,与正常加载的内容相同。例如JQuery通过AJAX加载的内容扫描选择器,如'模态框链接'等。

我的所有JavaScript都在普通的document.ready中,适用于普通的HTTP加载页面:

$(document).ready(function(){
  // my apps javascript
});

我想使用像.ajaxComplete这样的东西来重新运行document.ready中包含的所有内容,以评估jquery选择器的新加载的AJAX内容。

$(document).ajaxComplete(function(){
  // Re-run all my apps javascript
})

是否有一些我可以放入.ajaxComplete的代码来执行此操作?

希望这是有道理的,如果没有,请告诉我,我会编辑问题详情。


4470
2018-01-20 02:07


起源

你能解释一下你在寻找什么吗?我觉得我的答案仍然缺少一些东西,我想确保你找到你想要的答案。 - jmort253
@ jmort253 - 感谢您的帮助,猎人的回答几乎就是我想要了解的内容。 - David Barlow


答案:


你可以封装你的一切 document.ready 进入一个函数,再次调用该函数重新绑定

要么...

更好的方法是利用 live() 和 delegate() jQuery方法,以便匹配这些选择器的所有当前和未来元素也将绑定到这些事件。

使用示例 live()http://api.jquery.com/live/

$('.clickme').live('click', function() {
    //all elements that exist now and elements added later
    //with this class have this click event attached
});

使用示例 delegate()http://api.jquery.com/delegate/

$("table").delegate("td", "hover", function(){
    //all current and future td elements in all current tables
    //have this hover event attached
});

12
2018-01-20 02:10



谢谢猎人,这让我走上了正确的道路。 - David Barlow
从jQuery 1.7开始,不推荐使用.live()方法。使用.on()附加事件处理程序。旧版jQuery的用户应该使用.delegate()而不是.live()。 - Nazariy


您需要做的是在函数中定义代码而不是匿名。匿名函数不可重用,但如果编写函数,则该函数可以绑定到多个事件。


1
2018-01-20 02:11