【发布时间】:2016-04-23 22:51:46
【问题描述】:
我已经尝试了所有建议,但似乎没有一个适用于这个插件。我没有使用 ajax 调用,延迟是由于某些数据映射呈现问题。
我按照这个方法:http://bradsknutson.com/blog/display-loading-image-while-page-loads/
尽管我在 html 的开头添加了 div 标签,但当我调试代码时,我在许多属于插件的 div 标签之后看到了它。总结一下,它不在html的顶部。
.js 和 .css 在示例中是相同的。
所以我有
html
<div class="loader"></div>
css
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
js
$(window).load(function() {
$(".loader").fadeOut("slow");
})
旁注:我尝试将fadeOut 替换为hide()。
此方法无效,谢谢
【问题讨论】:
-
我离得更近了,但还不行。我遵循了这个例子,但 gif 永远不会被隐藏。它总是可见的。 stackoverflow.com/questions/1853662/…