Head js加载javascript文件的问题

Question

我正在使用Head js并行加载我的JavaScript文件。 我将head js添加到我的头部，然后使用head.js("path/to/file/my.js"); 但是当我加载网页时，脚本丢失了。 只有刷新几次后，整个脚本才能正常工作。 为什么需要刷新才能使其正常工作？ 任何建议，将不胜感激！

Answer 1

由于脚本是异步加载的，因此您不能立即使用它。 刷新页面后，它将在缓存中找到脚本，因此有时会及时加载任何需要它的代码。

对需要脚本的任何代码使用ready方法：

head.ready(function() {
  // any code that needs the script to be loaded first
});

Answer 2

另一种方法是标记您的库，然后在加载脚本时获取ready事件。 从http://headjs.com/标签脚本中了解更多信息。

head.ready("your", function() {

});

head.js(
   {jquery: "http://http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"},
   {tools: "http://cnd.jquerytools.org/1.2.5/tiny/jquery.tools.min"},
   {your: "http://a.heavy.library/we/dont/want/to/wait/for.js"},

   // label is optional
   "http://can.be.mixed/with/unlabeled/files.js"
);