jQuery：在等待窗口加载时忽略第三方内容

Question

当网站加载完所有内容（包括图片）时，我使用以下jQuery代码删除加载动画。

$(window).one("load", function() {
   $("#loader").remove();
});

然而;如果我在页面上有谷歌地图并且互联网连接速度很慢，那么加载叠加层需要40多秒才能隐藏，因为Google地图尚未完成加载。

问题：在等待网站加载jQuery时，如何忽略第三方内容，例如Google Maps和iframe？我想隐藏叠加层，即使Google地图和iframe还没有加载。

Answer 1

请改用以下代码：

$(document).ready( function () {
   $("#loader").remove();
});

不同之处在于，一旦加载了所有HTML元素并且DOM准备就绪，此代码就会执行。在加载所有内容（如图片和iframe）之后执行window.load。

您可以详细了解$(document).ready与$(window).load here。

编辑：

如果您想等待图片加载，请使用：

$(document).ready( function () {
    $("img").one("load", function () {
        $("#loader").remove();
    });
});