Javascript js文件的加载顺序

我似乎无法让预加载程序（查询加载程序2）在页面上的所有内容之前加载。 当我刷新页面时，全屏滑块显示中的图像会沿着页面向下移动，然后查询加载程序启动。 是否有一种方法可以在页面上的所有内容之前启动预加载程序

我经常使用堆栈溢出，通常会找到问题的答案，但由于我对javascript的知识有限，这一点让我感到困惑。我尝试过的事情： 将对queryloader2的调用放在页眉的页面顶部。 将对滑块脚本的调用放在页面底部，以便它们在预加载程序之后加载。 将预加载程序的z索引更改为高于滑块。 jQuery.getScript（），它按顺序加载脚本，但滑块仍然显示在页面下方，然后预加载程序启动

我认为这与装载顺序有关，但如果您对我在这里做错了什么有任何想法，我们将非常感谢您的帮助

---

我在我的网站上放了一个链接，因为我不知道在这里放哪段代码，所以你可以看到预加载程序和滑块加载错误的方式，把Jquery库放在第一位

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

---

然后添加其他JS文件

该站点需要大量的外部脚本。以下是在浏览器中加载资源的工作原理：

图像是异步加载的，这意味着浏览器在继续向下加载DOM之前不会等待图像加载

JavaScript是同步加载的，您可以在加载前一个脚本之前不加载下一个脚本

jQuery

$（document）.ready（）

函数仅在DOM完全加载时激发

以下是在您的网站上发生的情况：

在头部加载jQ和queryLoader，并准备在DOM就绪时调用它。页脚中的脚本需要时间加载，并且延迟了

$（document）.ready（）

函数调用。同时，您的身体中有图像，并且由于它们是异步加载的，所以浏览器在queryLoader准备好执行之前就开始加载它们

在您的情况下，最简单的解决方案是将所有外部脚本移动到html头中，但这不是一个非常实用的解决方案

我建议阅读一点JavaScript，并将您的站点拆分为多个文件，以便更快地加载

一些提示：jQuery.ajax（）和handlebar.js，或者如果您真的想疯狂地使用RequireJS进入Backbone.js进行异步javascript加载

---

希望这有帮助

谢谢你的回复，但是我已经把文件放在最上面了，其他人都在加载之后。这非常有帮助，谢谢你花时间回答。祝你有美好的一天！