Блог

Я добавил предварительный загрузчик, и он не исчезает после загрузки страницы! Мой сайт работает на WordPress. я не знаю, в чем проблема;лем, спасибо за вашу помощь

HTML:

 <div class="loader-wrapper">   
        <div class="loader">
          <div class="loader__bar"></div>
          <div class="loader__bar"></div>
          <div class="loader__bar"></div>
          <div class="loader__bar"></div>
          <div class="loader__bar"></div>
          <div class="loader__ball"></div>
        </div>
        
    </div>
 

CSS:

 .loader-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(240, 245, 245);
z-index: 999999;
}

.loader {
   position: absolute;
   top: 48%;
   left: 48%;
   width: 75px;
   height: 100px;
}
 
 

jQuery:

 <script>
$(document).ready(function() {
//Preloader
preloaderFadeOutTime = 500;
function hidePreloader() {
var preloader = $('.loader-wrapper');
preloader.fadeOut(preloaderFadeOutTime);
}
hidePreloader();
});
</script>
 

Я не уверен, но я думаю, что это может вам помочь.

 $(window).on("load", function () {
  document.getElementByClassName("loader-wrapper").style.visibility = "hidden";
});