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

Question

What to write to check if window is fully loaded then do some functions and if not then do document.ready functions....ie : i have a preload image which appears if windows isn't fully loaded and i call it in document.ready .....and if window is fully loaded i hide this preload image....it runs correctly if window isn't fully loaded and disappear after window get loaded.....but document.ready get called even if window is already loaded ...so how to check if window is loaded then don't do document.ready and if not then do 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

You could do something like this :

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;
});

uses a simple boolean to indicate if the loaded functions have run or not