bootstrap 标签页tab切换js（含报错原因）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap 标签页tab切换js（含报错原因）相关的知识，希望对你有一定的参考价值。
booststrap 标签页的tab切换，相信大家已经都很熟悉了，在boot官网示例以及其他网站已经很多罗列相关代码的了，这里就不赘述了。这里主要贴下让boot标签页默认显示哪个标签页的js.
主要留作自己工作备忘。
1 $(‘a[data-toggle="tab"]‘) 2 $(‘#myTab a[href="#profile"]‘).tab(‘show‘) 3 $(‘#myTab a:first‘).tab(‘show‘) 4 $(‘#myTab a:last‘).tab(‘show‘) 5 $(‘#myTab li:eq(2) a‘).tab(‘show‘)
但是我们在用的时候有时候会发现，js引用顺序正确，但是依然会报错 ：
$(...) .tab is not a function.
这时就要明白，bootstrap依赖的jquery版本是1.9+，所以看看自己的jquery是不是比在1.9以前了，有时候项目大，可能在后台默认已经引用了一个jquery版本是低于1.9的版本，即使后面单独又引入了jquery高版本，但是依然会报错。
则删除旧版本的jquery就Ok 了（前提要保证其他代码的兼容）
本文出自 “小叙前端” 博客，请务必保留此出处http://beileixinqing.blog.51cto.com/7540036/1898404
以上是关于bootstrap 标签页tab切换js（含报错原因）的主要内容，如果未能解决你的问题，请参考以下文章
为Bootstrap标签页切换nav-tab组件添加 切换回调方法 - callback