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