使用 head.js 以正确的顺序正确加载脚本和依赖项？答案

【问题标题】：Properly loading scripts and dependencies in correct order using head.js?使用 head.js 以正确的顺序正确加载脚本和依赖项？
【发布时间】：2014-08-11 11:02:07
【问题描述】：

我不确定我是否正确使用了 head.js。在我的 html 文档的标题中，我通过以下方式调用 head.js 文件：

<script src="/scripts/head.min.js" type="text/javascript"></script>

然后在html页面的结束

标签： javascript jquery head.js

【解决方案1】：

您应该像这样调用脚本：（也删除 http，它不是必需的。此外，Jquery 总是首先加载任何脚本。在这种情况下，headJS 优先于 jquery，然后是所有脚本）

<script src="/scripts/head.min.js" type="text/javascript"></script>
// this loads asyncrounously & in parallel
head.load("//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js", "//cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js", "/scripts/jquery.nivo.slider.pack.js", "/scripts/jquery.prettyPhoto.js", "/scripts/slidercode.js", "/scripts/functions.js");

然后在html页面的结束

【解决方案2】：

上述代码是否会导致 javascript 文件以相同的方式执行它们列出的确切顺序还是有时会乱序执行？

是的，它们加载异步，但按顺序执行。

我认为 head.ready("slider", function() {} ); 应该也可以工作，即使你将它放在 load.js 之外。尝试在 load.js 脚本块之后添加它。

【讨论】：