我的网站的加载屏幕并没有消失

问题描述：

我加载了一个大的图像为我的网站的背景，所以而不是让它凌乱，我决定添加一个很好的小预加载与CSS和JQuery。我的网站的加载屏幕并没有消失

权<body>标签内，我有：

<!-- CSS Spinner --> 
<div class="spinner-wrapper"> 
    <div class="spinner"> 
     <div class="rect1"></div> 
     <div class="rect2"></div> 
     <div class="rect3"></div> 
     <div class="rect4"></div> 
     <div class="rect5"></div> 
     <em class="spinner-text">One moment</em> 
    </div> 
</div>

然后，收盘</body>标签之前我有这样的脚本：

<!-- Spinner --> 
<script> 
    $(document).ready(function() { 
     $(window).load(function() { 
      preloaderFadeOutTime = 500; 

      function hidePreloader() { 
       var preloader = $('.spinner-wrapper'); 
       preloader.fadeOut(preloaderFadeOutTime); 
      } 
      hidePreloader(); 
     }); 
    }); 
</script>

当我直接打开index.html文件，它的工作原理完美，但是当我试图将它加载到我的网站（link）时，它只是显示预加载器。

有趣的是，我发现如果我在开发人员控制台中打开网络面板，大多数时候预加载器都按照它应有的方式工作。

有谁知道这里发生了什么？

您是否在您的网站上添加了“jQuery”？ :) –

@Kinduser是的！它已经下降到文件的末尾，但仍然在我正在使用的脚本之前。我应该将它移动到

？ –

我不确定，但不会伤害，如果你尝试:) –

答

尝试导入您jQuery内head标签。

答

在JS中添加此属性（data-cfasync =“false”）将无法将脚本从Rocket Loader中排除。火箭装载机通过将数据cfasync =“false”属性到相关的脚本标签，比如忽略单个脚本：

<script data-cfasync="false" src="/javascript.js"></script>

我的网站的加载屏幕并没有消失

相关推荐