jquery - 将加载图像添加到网站

Question

我正在使用 Wordpress 制作网站。在定制器中，我添加了“加载器”样式和 js 代码。我还在 _header.php 文件中添加了一个标签。但是网页一直停留在loading中，请问这是什么问题？

CSS:

#loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('http://i.imgur.com/36zxp64.jpg?1') 50% 50% no-repeat rgb(249,249,249);
}

JS:

<script type="text/javascript">
jQuery(window).load(function() {
jQuery("#loader").fadeOut("slow");
});
</script>

Answer 1

不使用“加载”事件，而是使用“文档准备就绪”事件。我编辑了一个新的工作 jsfiddle。您可以通过更改值(以毫秒为单位)来指定更长或更快的淡入淡出效果。

//Jquery on page Ready event
$(function(){
   $("#loader").fadeOut(1000);
});

Working jsfiddle

“传递给 .ready() 的处理程序保证在 DOM 准备好后执行，因此这通常是附加所有其他事件处理程序和运行其他 jQuery 代码的最佳位置。” [取自 Jquery 文档就绪页面] ( http://api.jquery.com/ready/ )