Bootstrap:'TypeError undefined不是函数'/'在使用bootstrap-tabs时没有方法'tab''

时间:2012-02-10 11:59:48

标签: javascript jquery ruby-on-rails twitter-bootstrap

我现在正在构建一个小站点,并希望使用Initialzr中的一些Bootstrap部件,特别是选项卡。我目前尝试使用Bootstrap项目(http://twitter.github.com/bootstrap/javascript.html#tabs)提供的示例代码和一些调整,但加载时“未定义不是函数”。 / p>

JS文件以正确的顺序预加载(jQuery,libs / bootstrap / *,我的script.js文件/混合在html中的脚本),标准jQuery命令(隐藏等)都可以正常工作,所以它没有似乎与noConflict()选项有关。

我还需要检查什么?

5 个答案:

答案 0 :(得分:78)

如果您在bootstrap.js之前添加jquery.js,也会导致此问题。

其他人可能会遇到同样的问题。

jQuery之前加入bootstrap

答案 1 :(得分:34)

我实际上设法弄清楚我做错了什么(这是我的错)。

我习惯使用pre-jQuery Rails,所以当我包含Bootstrap JS文件时,我并不认为包含与它们捆绑在一起的jQuery版本会导致任何问题,但是当我删除那个JS文件时开始工作得很好。

经验教训,三重检查加载了哪些JS文件,看看是否有任何冲突。

答案 2 :(得分:18)

确保您使用最新的jquery ,并解决了问题

我用这段代码遇到了这个问题:

<script src="/scripts/plugins/jquery/jquery-1.6.2.min.js"> </script>
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

将其更改为:

<script src="/scripts/plugins/jquery/jquery-1.7.2.min.js"> </script>
<script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

工作正常

答案 3 :(得分:3)

可能是使用了Bootstrap很多并在jQuery 1.7中插入的“on”事件 http://api.jquery.com/on/

答案 4 :(得分:0)

我们可以尝试使用最新的jQuery库。我遇到了同样的问题。我之前使用过jQuery-1.4.2.min并收到错误。之后我使用的是1.9.1版,它可以工作。感谢