如何检测何时从动态页面加载加载所有图像？答案

【问题标题】：How to detect when all images are loaded from dynamic page load?如何检测何时从动态页面加载加载所有图像？
【发布时间】：2017-09-07 18:41:05
【问题描述】：

我正在将另一个带有图像的页面加载到 div。我想检测何时从动态添加的页面加载所有图像。

$("#main").load('imagespage.php', function(){
alert("Page loaded");
});

当页面加载时，上面的这个警报，而不是在加载图像时。它在加载图像之前触发。正常情况下，这个window onload应该可以工作，但是如果是动态加载页面就不行了。

$(window).load(function() {
 alert("window is loaded including images");
});

这样做的正确方法是什么？

【问题讨论】：

【解决方案1】：

您会在获得 $.load 调用的结果之前执行 alert("Page loaded");，因为默认情况下该调用设置为异步。如果您将 de 行为更改为同步，您可以在获得 $.load 的结果后做任何您想做的事情。

您可以尝试在执行之前设置行为：

jQuery.ajaxSetup({async:false});

之后，您可以再次更改它：

jQuery.ajaxSetup({async:true});

它适用于 $.get 和 $.post，但我从未尝试过 $.load

【讨论】：

【解决方案2】：

这应该在所有图像都加载完毕后工作。

$(window).on("load", function() {
    alert("window is loaded including images");
});

【讨论】：