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 了（前提要保證其他代碼的兼容）

轉載于:https://blog.51cto.com/beileixinqing/1898404

總結

以上是生活随笔為你收集整理的bootstrap 标签页tab切换js（含报错原因）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。