我已经使用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/