Question

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

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

而不是使用＆＃39;加载＆＃39;事件，使用＆＃39;文件准备好＆＃39;事件。我编辑了一个新的工作jsfiddle。您可以通过更改值（以毫秒为单位）指定更长或更快的淡入淡出效果。

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

Working jsfiddle

＆＃34;传递给.ready（）的处理程序保证在DOM准备好后执行，因此这通常是附加所有其他事件处理程序并运行其他jQuery代码的最佳位置。＆＃34; [取自Jquery Document Ready页面]（http://api.jquery.com/ready/）

将加载图像添加到网站

1 个答案: