Preloader to wordpress с jquery не работает

Question

Привет, ребята, я добавил preloader gif на мою страницу Wordpress, и он не работает должным образом. Если вы можете помочь мне найти мою ошибку или помочь мне построить ее другим способом. Или если кто из вас знает, что любой бесплатный плагин для поджимать, что было бы лучше

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

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