即使加載了window.load，document.ready也會運行

Question

要寫什么來檢查窗口是否已完全加載，然后執行某些功能，如果沒有，則執行document.ready函數.....即：如果窗口未完全加載，並且在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');
});

Answer 1

您可以這樣做：

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指示加載的函數是否已運行