如何知道$(window).load(); 来自jquery的状态

Question

我使用Jquery UI Progress bar创建了一个加载进度条的网站.此进度条显示脚本加载的状态.一个样本是

$.getScript('_int/ajax.js',function() {
    $("#progressinfo").html("Loading Complete ...");
    $("#progressbar").progressbar({ value: 100 });
});

这个进度条#indexloader阻止了后面加载的网站,它的CSS是:

#indexloader {
    z-index:100;
    position:fixed;
    top:0;
    left:0;
    background:#FFF;
    width:100%;height:100%;
}

进度条到达后100%,我想隐藏和删除#indexloader我使用的

$("#indexloader").fadeOut("slow",function() { $("#indexloader").remove(); });

但问题是,虽然脚本已加载,但页面未完全加载,我看到图像和其他内容仍在加载.

所以在淡化和删除之前#indexloader我想检查是否$(window).load()已经完成

有没有办法检查这个？

Answer 1

添加属性到window:

$(window).load(function() {
    window.loaded = true;
});

然后window.loaded在隐藏之前检查#indexloader.