Question

我正在尝试编写一个脚本，在图像加载时显示加载器gif图像，但是在包含脚本之后，firefox中的页面中没有任何图像。它在chrome中工作正常。我已经包含以下代码。

使用Javascript：

<script>
$(window).load(function() {
    $('#loader').hide();
    $('#best').fadeIn();
});
</script>

HTML：

<body>
<div id="loader"></div> 
<div id="best"> 
<!-- Contents of the page here --> 
</div>
</body>

CSS：

#loader {
    background: url('img/19-0.gif');
    height: 95px;
    width: 95px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: 15em;
    margin-left: 13em;
}

#best {
    display: none;
}

我的代码中是否有任何问题，或者我应该尝试其他方法？

Answer 1

试试这个：

$(document).ready(function() {
    $('#loader').hide();
    $('#best').fadeIn();
});

Answer 2

使用

$('document').on("load", function() {

});

而不是$(window).load()。

来源：http://api.jquery.com/on/

Answer 3

我希望您知道，出于安全原因，Firefox会阻止用户加载脚本加载的本地脚本和文件？请尝试使用本地网络服务器。

$（window）.load不会在Firefox中显示图像

3 个答案: