溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

bootstrap 標(biāo)簽頁tab切換js(含報錯原因)

發(fā)布時間:2020-07-27 14:23:35 來源:網(wǎng)絡(luò) 閱讀:524 作者:蓓蕾心晴 欄目:web開發(fā)

booststrap 標(biāo)簽頁的tab切換,相信大家已經(jīng)都很熟悉了,在boot官網(wǎng)示例以及其他網(wǎng)站已經(jīng)很多羅列相關(guān)代碼的了,這里就不贅述了。這里主要貼下讓boot標(biāo)簽頁默認(rèn)顯示哪個標(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')

但是我們在用的時候有時候會發(fā)現(xiàn),js引用順序正確,但是依然會報錯 :

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

這時就要明白,bootstrap依賴的jquery版本是1.9+,所以看看自己的jquery是不是比在1.9以前了,有時候項目大,可能在后臺默認(rèn)已經(jīng)引用了一個jquery版本是低于1.9的版本,即使后面單獨(dú)又引入了jquery高版本,但是依然會報錯。

則刪除舊版本的jquery就Ok 了(前提要保證其他代碼的兼容)


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI