bootstrap 标签页tab切换js(含报错原因)
生活随笔
收集整理的這篇文章主要介紹了
bootstrap 标签页tab切换js(含报错原因)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
booststrap 標(biāo)簽頁的tab切換,相信大家已經(jīng)都很熟悉了,在boot官網(wǎng)示例以及其他網(wǎng)站已經(jīng)很多羅列相關(guān)代碼的了,這里就不贅述了。這里主要貼下讓boot標(biāo)簽頁默認(rèn)顯示哪個(gè)標(biāo)簽頁的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')但是我們?cè)谟玫臅r(shí)候有時(shí)候會(huì)發(fā)現(xiàn),js引用順序正確,但是依然會(huì)報(bào)錯(cuò) :
$(...) .tab is not a function.
這時(shí)就要明白,bootstrap依賴的jquery版本是1.9+,所以看看自己的jquery是不是比在1.9以前了,有時(shí)候項(xiàng)目大,可能在后臺(tái)默認(rèn)已經(jīng)引用了一個(gè)jquery版本是低于1.9的版本,即使后面單獨(dú)又引入了jquery高版本,但是依然會(huì)報(bào)錯(cuò)。
則刪除舊版本的jquery就Ok 了(前提要保證其他代碼的兼容)
轉(zhuǎn)載于:https://blog.51cto.com/beileixinqing/1898404
總結(jié)
以上是生活随笔為你收集整理的bootstrap 标签页tab切换js(含报错原因)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Follow me!百万奖金由你拿 |
- 下一篇: 直播技术汇总