jqueryが動作していないWordPressへのプリローダ

Question

こんにちは、私のワードプレスのページにプリローダーのGIFを追加しました。それは正しく動作しません。 私の間違いを見つけるのを助けたり、 それとも、のいずれかが、それが良いだろうプリロードのための任意の無料のプラグインを知っている場合

$(window).ready(function(){ 
 
    \t $('#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 id="#preloader"></div>

---

の

<div id="preloader"></div>代わりにあなたの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>