javascript - $(window).load 在 Firefox 中不显示图像

标签 javascript jquery html firefox

我正在尝试编写一个脚本,该脚本在图像加载时显示加载器 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;
}

我的代码是否有任何问题,或者我应该尝试其他方法吗?

最佳答案

试试这个:

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

关于javascript - $(window).load 在 Firefox 中不显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17945139/

相关文章:

javascript - 如果我在一个表单中有很多文本输入( Hook ),我该如何提高 react 性能?

javascript - javascript 的 "on the fly"编译实际上是如何工作的?

javascript - 尝试删除 Meteor 中的文档时 : "Remove failed: Internal server error"

jquery - 使用 jQuery 对列表重新编号

javascript - 通过 javascript 更改页面布局,前进,然后单击“返回”

html - <table> inside a <div> in a <div>

javascript - 在 JavaScript 中,如果我将句子拆分成数组然后连接它,如何保留句子中的空格?

javascript - TinyMCE - 从 init 方法获取对元素的引用

PHP 和 Jquery - 当鼠标移至链接时在其他 div 上打开一个小 div

css - Razor View 引擎数据输入表单