未捕获的ReferenceError:$未定义

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文档推荐这个:

// 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");