部分页面加载时未触发 jQuery 就绪事件

Question

情况如下:包含 html 并使用 jQuery 库和选项卡 jQuery UI 插件的页面在单击某个选项卡时加载另一个页面。问题是，当加载/渲染页面/html时(让我们简化一下，说它只是做类似 $("#myDiv").load(url); 之类的事情)，ready 事件不会被触发，因为当然“window”已经加载并触发了加载事件。这意味着我想要在页面加载(部分加载)时执行的任何 jQuery 操作都不会被执行。 UI.tabs 插件旨在将页面加载到其他选项卡中，我们可以假设其他页面可能包含自己的 jQuery...所以应该有一些方法可以解决这个问题..

我可以想到非常可怕的方法来解决这个问题，比如在页面底部渲染一个脚本 block (加载到div中)，它可以完成当准备就绪时我会做的所有事情(正如你可以的)假设如果脚本 block 被命中，浏览器已经呈现页面)。然而，这是非常糟糕的做法。有什么建议吗？

Answer 1

您如何向服务器发出 AJAX 请求？如果您使用 ASP.NET AJAX，那么 Brian Hasden 的答案就是您所寻找的。如果您使用 jQuery 发送请求，那么您可以使用 load 函数设置回调。

$(".ajaxLink").load(url, null, function() {
    // code here
});

load() Documentation

或设置一个全局 ajaxComplete 事件，每次 ajax 调用完成时都会触发该事件。

$(document).ajaxComplete(function() {
    // code here
});

ajaxComplete() Documentation