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