document.ready 即使加载了 window.load 也会运行

document.ready runs even if window.load is loaded

本文关键字：load 运行 window ready 加载 document      更新时间：2023-09-26

写什么来检查窗口是否完全加载，然后做一些函数，如果没有，那就做document.ready函数......即：我有一个预加载图像，如果窗口没有完全加载，就会出现，我用document.ready调用它......如果窗口已完全加载，我将隐藏此预加载图像....如果窗口未完全加载，它会正常运行，并在加载窗口后消失.....但是即使窗口已经加载，document.ready也会被调用......那么如何检查窗口是否已加载，然后不要做document.ready如果没有，那就做document.ready 

$(document).ready(function (e) {
    $("#loding").css("visibility", "visible");
    $("body").css('overflow', 'hidden');
    $("#container").css("opacity", 0);
});
$(window).load(function (e) {
    $("#loding").animate({
        opacity: 0
    }, 500, function () {
        $("#loding").css("width", "70%");
        $("#loding").css("visibility", "hidden");
    });
    $("#container").css("opacity", 1);
    $("body").css('overflow', 'auto');
});
你可以

做这样的事情：

var loaded = false;
$(document).ready(function(e) {
   if(!loaded) {
     // only run here if the $(window).load() function hasnt run
   }
});
$(window).load(function(e) {
   // run your functions
   loaded = true;
});

使用简单的boolean来指示加载的函数是否已运行

相关文章：