加载页面后预加载器不会淡出

问题描述

我添加了一个预加载器，加载页面后它不会淡出！ 我的网站在 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";
});