Question

大家好我把preloader gif添加到我的wordpress页面，它无法正常工作如果你可以帮助我找到我的错误或帮助我以其他方式构建它。或者，如果你们中的任何人知道任何免费的预加载插件会更好

$(window).ready(function(){
    	$('#preloader').fadeOut('slow',function(){$(this).remove();
        });

div#preloader { 
      position: absolute; 
      left: 0; 
      top: 0; 
      z-index: 999; 
      width: 100vw; 
      height: 100vh;
      overflow: visible;
      background: #333 url('http://grow-up.different.com.mk/wp-content/uploads/2017/01/GrowUp-logo-2.gif') no-repeat center center; 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="preloader"></div>

Answer 1

删除div中的#

<div id="preloader"></div>代替<div id="#preloader"></div>

$(function() 
{
    $('#preloader').fadeOut(2500, function() 
    {
        $(this).remove();
    });
})

div#preloader {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  overflow: visible;
  background: #333 url('http://grow-up.different.com.mk/wp-content/uploads/2017/01/GrowUp-logo-2.gif') no-repeat center center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="preloader"></div>

使用jquery无效的wordpress预加载器

1 个答案: