Bootstrap3下拉菜單的實(shí)現(xiàn)
更新時(shí)間：2017年02月22日 11:43:38 作者：qq1214379009
這篇文章主要介紹了Bootstrap3下拉菜單的實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
使用方法
通過data屬性
<div class="dropdown"> <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown trigger <span class="caret"></span> </button> <ul class="dropdown-menu" aria-labelledby="dLabel"> ... </ul> </div>
通過JavaScript
$('.dropdown-toggle').dropdown()
無論是通過data屬性還是JavaScript, data-toggle="dropdown" 總是需要的
方法
$().dropdown('toggle')
事件
按照時(shí)間先后分為為 show.bs.dropdown shown.bs.dropdown hide.bs.dropdown hidden.bs.dropdown
$('#myDropdown').on('show.bs.dropdown', function () {
// do something…
})
以上所述是小編給大家介紹的Bootstrap3下拉菜單的實(shí)現(xiàn)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
webpack-url-loader 解決項(xiàng)目中圖片打包路徑問題
這篇文章主要介紹了webpack-url-loader 解決項(xiàng)目中圖片打包路徑問題,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
JS實(shí)現(xiàn)的自動(dòng)打字效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的自動(dòng)打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關(guān)使用技巧,需要的朋友可以參考下2017-03-03
BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實(shí)現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入E
這篇文章主要介紹了BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實(shí)現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入Excel數(shù)據(jù)操作步驟,需要的朋友可以參考下2017-08-08
js 能實(shí)現(xiàn)監(jiān)聽F5頁面刷新子iframe 而父頁面不刷新的方法
下面小編就為大家?guī)硪黄猨s 能實(shí)現(xiàn)監(jiān)聽F5頁面刷新子iframe 而父頁面不刷新的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要給大家介紹了關(guān)于前端圖片壓縮常見的一些解決辦法,圖片上傳是前端中常見的的業(yè)務(wù)場(chǎng)景,無論是前臺(tái)還是后臺(tái),適當(dāng)?shù)膶?duì)圖片進(jìn)行壓縮處理,可以顯著的提升用戶體驗(yàn),需要的朋友可以參考下2023-11-11
Typescript中bind的使用方法及注意事項(xiàng)
在TypeScript(以及JavaScript)中,bind()是一個(gè)用于改變函數(shù)上下文的方法,下面這篇文章主要給大家介紹了關(guān)于Typescript中bind的使用方法及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下2024-08-08
使用純JS實(shí)現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)
最近做了一個(gè)用js實(shí)現(xiàn)鼠標(biāo)拖拽多選的功能,于是整理了一下思路,寫了一個(gè)小demo,下面這篇文章主要給大家介紹了關(guān)于如何使用純JS實(shí)現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)的相關(guān)資料,需要的朋友可以參考下2022-05-05
JavaScript中call和apply的用法、區(qū)別及應(yīng)用場(chǎng)景
這篇文章主要介紹了JavaScript中的call和apply方法,它們都用于改變函數(shù)執(zhí)行時(shí)的this指向,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
這篇文章主要為大家詳細(xì)介紹了JS控制TreeView的結(jié)點(diǎn)選擇,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
JavaScript設(shè)計(jì)模式之單例模式簡單實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單例模式,結(jié)合簡單實(shí)例形式分析了單例模式的概念、功能及javascript定義與使用單例模式相關(guān)操作技巧,需要的朋友可以參考下2018-07-07