bootstrap 标簽頁tab切換js（含報錯原因）

booststrap 标簽頁的tab切換，相信大家已經都很熟悉了，在boot官網示例以及其他網站已經很多羅列相關代碼的了，這裡就不贅述了。這裡主要貼下讓boot标簽頁預設顯示哪個标簽頁的js.

主要留作自己工作備忘。

<code>1 $(</code><code>'a[data-toggle="tab"]'</code><code>)</code>

<code>2 $(</code><code>'#myTab a[href="#profile"]'</code><code>).tab(</code><code>'show'</code><code>)</code>

<code>3 $(</code><code>'#myTab a:first'</code><code>).tab(</code><code>'show'</code><code>)</code>

<code>4 $(</code><code>'#myTab a:last'</code><code>).tab(</code><code>'show'</code><code>)</code>

<code>5 $(</code><code>'#myTab li:eq(2) a'</code><code>).tab(</code><code>'show'</code><code>)</code>

但是我們在用的時候有時候會發現，js引用順序正确，但是依然會報錯 ：

$(...) .tab is not a function.

這時就要明白，bootstrap依賴的jquery版本是1.9+，是以看看自己的jquery是不是比在1.9以前了，有時候項目大，可能在背景預設已經引用了一個jquery版本是低于1.9的版本，即使後面單獨又引入了jquery高版本，但是依然會報錯。

則删除舊版本的jquery就Ok 了（前提要保證其他代碼的相容）

本文轉自 蓓蕾心晴 51CTO部落格，原文連結：http://blog.51cto.com/beileixinqing/1898404，如需轉載請自行聯系原作者