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

Question

如何编写以检查窗口是否已完全加载，然后执行一些功能，如果没有，则执行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

你可以做SOMET兴这样的：

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，表示如果加载功能都运行不了