使用 jquery 预加载到 wordpress 不起作用

Question

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

$(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>