javascript - jQuery - document.ready 在使用 AJAX 加载内容时不触发

Question

我有一个简单的自定义选项卡模块，它使用 AJAX 请求加载选项卡(通过 $(elem).load())。在加载了 AJAX 的每个页面上，我都有一些 JavaScript。第一次加载页面(通过直接输入 URL，而不是 AJAX)时，javascript 完美启动。当我通过 AJAX 选项卡离开页面时，页面中的 javascript 不再加载。

有什么办法可以强制他们执行吗？

(如果有帮助，将未触发的 javascript 放在 $(document).ready() 函数中)

Answer 1

您需要使用 load() 的回调功能:

$(elem).load('source.html', function() { 
    // here you need to perofrm something what you need
    ActionOnDocumentReady();
});

您可以将$(document).ready 中的所有操作放入某个函数(例如ActionOnDocumentReady())并在load() 上调用它回调。