未捕获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 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");