未捕获的ReferenceError:$未定义

时间:2012-10-25 14:07:30

标签: javascript jquery less head.js

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

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

有人可以查看我收到此错误的原因吗?我看过Chrome开发人员工具,并且所有脚本似乎都已经加载了(我知道这通常是一个错误,Jquery没有被加载,或者Jquery在使用后被加载)。

我真的把头撞在这个墙上,所以非常感谢帮助。

你可以在这里找到我正在研究的演示网站:----

1 个答案:

答案 0 :(得分:5)

加载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");