14

我正在为网页使用加载屏幕，并使用 window.onload 函数。

除了在 Mozilla Firefox 浏览器中，一切都很好。当我们第一次使用 ctrl+F5 组合访问或刷新页面时，加载屏幕永远不会消失。如果我们只用 F5 刷新页面，那么它可以工作。

我使用下面的代码

$(window).load(function(e) {
    $("#body-mask").fadeOut(1000,function(){
        $(this).remove();
    });
});

我也尝试了下面的代码，但没有任何改变。

window.onload = function () {
   $("#body-mask").fadeOut(1000,function(){
       $(this).remove();
   });
}

为什么会这样？

请帮忙。

提前致谢。

4

4 回答 4

8

该问题是由另一个 jquery 后台插件引起的，该插件位于 $(document).ready() 中

我将它移到 $(window).load() 函数中，现在它可以完美运行了。

我还移动了另一个函数来调整页面加载时的图像大小。当它在 $(document).ready() 块内时，如果加载时间太长，有时它会出现故障，但现在它也很好用。

function resizeImages(){
    //Some Code
}

$(window).load(function(){
    $("#body-mask").fadeOut(1000,function(){
        $(this).remove();
    });

    $.vegas({
        src: backURL , fade:0
    });

    resizeImages();
});

$(document).ready(function(){
    //Some Other code
});
于 2013-04-01T21:31:15.587 回答
2

在脚本标签中输入错误的类型属性时，我遇到了同样的问题：

<script type="text/javascript">
于 2014-05-04T11:50:20.230 回答
1

试试这个：

$(document).ready(function(e) {
    $("#body-mask").fadeOut(1000,function(){
        $(this).remove();
    });
});

阅读load并了解ready functions difference $(window).load 和 $(document).ready 之间的区别是什么？

于 2013-04-01T15:41:29.033 回答
0

您必须在初始化时调用函数，例如：

window.onload = init();

换句话说，将您的代码修改为：

window.onload = function () {
$("#body-mask").fadeOut(1000,function(){
    $(this).remove();
});
}();// Added

将以下代码复制到文件中，然后用firefox打开它

<script>
window.onload = function () {
alert('saeed')
}();
</script>
于 2013-04-01T15:41:04.483 回答