Javascript HTML预加载程序应该放在哪里？

我正在为我的网站定制预加载程序。它在localhost上运行良好，但在实时站点上，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>

在添加脚本文件之前，HTML最初正好位于结束正文标记之前。它在本地主机上运行良好，但不能在线运行。

---

我把它移到了开头的标签下面。现在它在本地主机上无休止地加载，除了索引页，但仍然不会在线加载。

您是否检查了jQuery是否正确需要？因为加载是有序的，所以您需要先使用jQuery。
除此之外，我没有看到任何错误！

---

如果您可以向我们显示整个页面代码，并且控制台中是否显示任何错误，这将非常有帮助。

您是否检查了jQuery是否正确需要？因为加载是有序的，所以您需要先使用jQuery。
除此之外，我没有看到任何错误！

---

如果您可以向我们显示整个页面的代码，并且控制台中是否显示任何错误，这将非常有帮助。

JQuery

.load

自1.8版以来一直被弃用

使用

.on（“load”，function（）{}）

，它应该可以正常工作，如下所示：

$（窗口）.on（“加载”，函数（）{
$（'body'）.removeClass（'no-scroll-y'）；
$（“#ctn预加载程序”）.fadeOut（'slow'）；
});

P
U
M
s
A.
加载
JQuery
.load
自1.8版以来一直被弃用

使用
.on（“load”，function（）{}）
，它应该可以正常工作，如下所示：


$（窗口）.on（“加载”，函数（）{
$（'body'）.removeClass（'no-scroll-y'）；
$（“#ctn预加载程序”）.fadeOut（'slow'）；
});

P
U
M
s
A.
加载
另一种选择是

$(document).ready(function(){
    // code here
});

或

另一种选择是这样

$(document).ready(function(){
    // code here
});

或

谢谢，我检查了这个，它是正确的要求。不过，我所包含的大多数脚本都添加了defer属性，以缩短页面加载时间。那一定是问题所在。谢谢，我检查了这个，它是正确要求的。不过，我所包含的大多数脚本都添加了defer属性，以缩短页面加载时间。那一定是问题所在谢谢大家。现在修好了。我无法找出实际的问题，所以这是一种黑客行为。我将预加载html、样式和javascript代码都添加到了相同的头文件中。这样，我想，无需文件预加载程序才能正常工作谢谢大家。现在修好了。我无法找出实际的问题，所以这是一种黑客行为。我将预加载html、样式和javascript代码都添加到了相同的头文件中。这样我想，预加载程序就不需要任何文件才能正常工作
$(function(){
    // code here
});