bootstrap 標籤頁tab切換js（含報錯原因）

標籤：js   相容   報錯   tab   bootstrap   

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（含報錯原因）