javascript - Uncaught ReferenceError : $ is not defined

Question

我正在使用 LESS.js、Jquery、Respond.js 和 Freetile.js。

我使用 Head.JS 加载它们(这对我来说是第一次)。

有人可以检查一下为什么我会收到此错误吗？我查看了 Chrome 开发人员工具，所有脚本似乎都加载得很好(我知道这通常是 Jquery 未加载或 Jquery 在使用后加载的错误)。

在这个问题上我真的很头疼，所以非常感谢您的帮助。

您可以在这里找到我正在开发的演示网站:----

Answer 1

加载 jQuery 后访问 $:

head.js(
     "http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js",
     "assets/js/less.js",
     "assets/js/respond.min.js",
     "assets/js/jquery.freetile.min.js", function() {
    $('#container').freetile();
});

实际上是head.js docs推荐这个:

// use jQuery on the body of the page even though it is not included yet
head.ready(function() {
   $('#container').freetile();
});

// load jQuery whenever you wish bottom of the page
head.js("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js",
     "assets/js/less.js",
     "assets/js/respond.min.js",
     "assets/js/jquery.freetile.min.js");