javascript - HTML Preloader 应该放在哪里？

Question

我正在为我的网站制作一个自定义预加载器。它在本地主机上运行良好，但在实时站点上，div 不显示动画，文本仅放置在站点底部。

<!-- Preloader -->
  <div id="ctn-preloader" class="ctn-preloader">
    <div class="animation-preloader">
      <div class="spinner"></div>
      <div class="txt-loading">
        <span data-text-preloader="P" class="letters-loading">
          P
        </span>
        <span data-text-preloader="U" class="letters-loading">
          U
        </span>
        <span data-text-preloader="M" class="letters-loading">
          M
        </span>
        <span data-text-preloader="S" class="letters-loading">
          S
        </span>
        <span data-text-preloader="A" class="letters-loading">
          A
      </div>
      <p class="text-center">Loading</p>
    </div>
    <div class="loader">
      <div class="row">
        <div class="col-12 loader-section">
          <div class="bg"></div>
        </div>
      </div>
    </div>
  </div>

这里是隐藏预加载器的JS代码

$(window).load(function() {
    $('body').removeClass('no-scroll-y');
    $('#ctn-preloader').fadeOut('slow');
  });

在添加脚本文件之前，HTML 最初位于结束正文标记之前。它在本地主机上运行良好，但不能在线运行。我将它移到了开始正文标签的正下方。现在，除了索引页面之外，它会在本地主机上无休止地加载，但仍然无法在线加载。

Answer 1

您检查过 jQuery 是否正确吗？由于加载是按顺序进行的，因此您需要先安装 jQuery。
除此之外我没有看到任何错误!如果您可以向我们展示整个页面代码以及控制台中是否显示任何错误，这将非常有帮助。