HTML/CSS bootstrap $ is not defined

naitnix · 2013年02月01日 · 最后由 naitnix 回复于 2013年02月02日 · 5073 次阅读

今天在用 bootstrap,当自己在页面单独添加$(".btn").button('toggle') 的时候居然报错了,不知道有没有人遇到过这种问题,错误信息: Uncaught ReferenceError: $ is not defined 以下是我在 index 页面的代码

$(".btn").button('toggle')

$是 jquery 吧,有么?

@chenge 是 jquery,而且 jquery 是有的,详细如下: src="/assets/jquery.js?body=1" type="text/javascript" src="/assets/jquery_ujs.js?body=1" type="text/javascript" src="/assets/bootstrap.js?body=1" type="text/javascript"

jquery 没加载吧,看看页面源码?

右键查看页面源代码,找找 jQuery 有没有,或者加载位置对不对

hi,@edokeh ,@siyang1982 ,@chenge jquery 已经在页面上引入了,并且位置都是先引入的 jquery,然后引入的 bootstrap.js,其实我就是按照 github 上所说的步骤进行实施的,但是发现两种方法都有相同的问题,如果我没有引入 bootstrap 的情况下,jquery 是可以正常工作的,每当我引入 bootstrap 后,在页面的 jquery 就说$未定义,很是奇怪,如果你们方便的话,你们可以试试 github 参考: https://github.com/seyhunak/twitter-bootstrap-rails

不如将页面的 HTML 源码放个 gist 看看

跟预编译有关? 我最近遇到个问题,在开发模式都是好好的,一到产品模式就出现 jQuery 未定义的错误。

@Probe 在 railscasts 里看到的是将 bootstrap 放到了 group:development 里面,但是我是没有放到 development 的,只是直接使用,在 development 里面就报错了,不知道你在 development 里面是怎么弄的,我是按照 github 上面的,所有的东西都用生成器生成的,只要用命令 rails g bootstrap:layout application fluid 之后,就会报错。

可以考虑不用 gem,直接拷贝 bootstrap。我们是这么用的,没问题。

@chenge,可以试试,谢谢你的建议

naitnix bootstrap $ is not defined 发现问题所在 提及了此话题。 04月03日 10:56
需要 登录 后方可回复, 如果你还没有账号请 注册新账号