我已经使用Jquery UI进度栏创建了一个网站加载进度栏。此进度条显示脚本加载的状态。一个样本是

$.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()是否已完成

有办法检查吗?

最佳答案

window中添加一个属性:

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

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

关于jquery - 如何知道$(window).load(); jQuery的状态,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2717907/

10-11 13:58