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

Question

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

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

我还需要检查什么？

Answer 1

如果您bootstrap.js之前包括,也可能导致此问题jquery.js.

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

包括jQuery之前bootstrap.

Answer 2

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

我习惯使用pre-jQuery Rails,所以当我包含Bootstrap JS文件时,我不认为包含与它们捆绑的jQuery版本会导致任何问题,但是当我删除那个JS文件时,一切都开始完美运行.

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

Answer 3

确保你使用最新的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>

它工作正常