我已经尝试了所有的建议,但似乎没有人使用这个插件。我没有使用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()。
此方法无效,谢谢