var $previous = $ul.find('.active:last a')
 var hideEvent = $.Event('hide.bs.tab', {
 relatedTarget: $this[0]
 })
 var showEvent = $.Event('show.bs.tab', {
 relatedTarget: $previous[0]
})

2、Active：激活當(dāng)前對(duì)象

2.1、對(duì)導(dǎo)航元素增加aria-expanded屬性，標(biāo)記此元素是否處于展開狀態(tài)
2.2、利用reflow機(jī)制，用獲取offsetWidth屬性來(lái)實(shí)現(xiàn)部分重繪

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附3個(gè)精彩的專題：

Bootstrap學(xué)習(xí)教程

Bootstrap實(shí)戰(zhàn)教程

Bootstrap插件使用教程

本文系列教程整理到：Bootstrap基礎(chǔ)教程專題中，歡迎點(diǎn)擊學(xué)習(xí)。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript多功能甘特圖組件jsGantt詳解
jsGantt是一個(gè)可定制的、靈活的、多語(yǔ)言的甘特圖組件，由原生 JavaScript構(gòu)建，它使用客戶端渲染以獲得快速的性能和動(dòng)態(tài)的交互性，非常適用于任何需要交互式時(shí)間線或時(shí)間表顯示的項(xiàng)目，本文就給大家介紹一下JavaScript多功能甘特圖組件jsGantt
2023-07-07
Javascript簡(jiǎn)寫條件語(yǔ)句(推薦)
下面小編就為大家?guī)?lái)一篇Javascript簡(jiǎn)寫條件語(yǔ)句(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
Javascript hasOwnProperty 方法 & in 關(guān)鍵字
hasOwnProperty :如果 object 具有指定名稱的屬性，那么方法返回 true；反之則返回 false。
2008-11-11
JavaScript--在Vue中使用插槽:slot
這篇文章主要給大家介紹了關(guān)于vue中slot（插槽）的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-08-08
js下拉菜單語(yǔ)言選項(xiàng)簡(jiǎn)單實(shí)現(xiàn)
大家對(duì)下拉菜單并不陌生吧，下面為大家介紹下使用js實(shí)現(xiàn)下拉菜單語(yǔ)言選項(xiàng)，具體實(shí)現(xiàn)如下，喜歡的朋友可以看看
2013-09-09
Bootstrap Fileinput 4.4.7文件上傳實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap Fileinput 4.4.7文件上傳實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
純JS實(shí)現(xiàn)簡(jiǎn)單的日歷
這篇文章主要為大家詳細(xì)介紹了純JS實(shí)現(xiàn)簡(jiǎn)單日歷的的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-10-10
詳解JavaScript中Object的重要屬性
JavaScript 中的 Object 是一種非常靈活且強(qiáng)大的數(shù)據(jù)類型,它允許我們創(chuàng)建和操作鍵值對(duì),在本文中,我們將深入探討 Object 的一些重要屬性,以便更好地理解和利用這個(gè)關(guān)鍵的數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下
2023-11-11
JS正則表達(dá)式完美實(shí)現(xiàn)身份證校驗(yàn)功能
這篇文章主要介紹了JS正則表達(dá)式完美實(shí)現(xiàn)身份證校驗(yàn)功能,需要的朋友可以參考下
2017-10-10