要写什么来检查窗口是否已完全加载,然后执行一些功能,如果没有,则执行 document.ready
功能....即:我有一个预加载图像,如果窗口未完全加载,则会出现该图像t 完全加载,我在 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');
});
最佳答案
你可以这样做:
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;
});
使用简单的 bool 值
来指示加载的函数是否已运行
关于javascript - 即使加载了 window.load,document.ready 也会运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10366635/