Bootstrap多級菜單的實現(xiàn)代碼
更新時間：2017年05月23日 13:58:24 作者：Denny輝
這篇文章主要介紹了Bootstrap多級菜單的簡單實現(xiàn)代碼,需要的朋友可以參考下
最近在用Bootstrap做一個項目的時候遇到一個問題，官網上只給的二級菜單的用法，但是實際運用肯定不止二級。 于是在網上看到一個第三方的工具：bootstrap-submenu，地址：https://github.com/vsn4ik/bootstrap-submenu
可以去下載源碼。
將bootstrap-submenu.js和bootstrap-submenu.css文件添加到項目中
在要實現(xiàn)多級導航的按鈕或a標簽中添加：
<a href="#" rel="external nofollow" class="data-toggle" data-toggle="dropdown" data-submenu>
主要是最后的submenu這個。
然后再JS里面：
$(function () {
$('[data-submenu]').submenupicker();
});
這樣就可以了
以上所述是小編給大家介紹的Bootstrap多級菜單的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
您可能感興趣的文章:
相關文章
微信小程序通過點擊事件跨頁面?zhèn)鲄⒓癲ata-方法傳參（data-）的示例詳解
在?vue?中，我們可以直接在點擊事件中放入傳遞的參數(shù)進行傳參；然而微信小程序中并不適用這樣的寫法，但是微信小程序可以通過自定義屬性從而綁定參數(shù)使用，這篇文章主要介紹了微信小程序通過點擊事件跨頁面?zhèn)鲄⒁约癲ata-方法傳參（data-）,需要的朋友可以參考下2023-12-12
這篇文章主要為大家詳細介紹了微信小程序商城項目之商品屬性值聯(lián)動選擇,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
requirejs是一個JavaScript文件和模塊加載器。requireJS允許你把你的javascript代碼獨立成文件和模塊，同時管理每個模塊間的依賴關系。本文主要對require.js的使用與工作原理進行系統(tǒng)介紹。需要的朋友來看下吧2016-12-12
js實現(xiàn)iframe跨頁面調用函數(shù)的方法
這篇文章主要介紹了js實現(xiàn)iframe跨頁面調用函數(shù)的方法,實例展示了iframe中父頁面調用子頁面和子頁面調用父頁面的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了ES6 Promise對象的含義和基本用法,結合實例形式分析了Promise的含義、功能、基本用法及相關操作注意事項,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了jQuery實現(xiàn)div浮動層跟隨頁面滾動效果,需要的朋友可以參考下2014-02-02
本文主要對js中script標簽中的預解析進行詳細介紹。具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
ie與firefox下的event使用說明與詳細區(qū)別
event是ie自帶的一個對象，而ff中不存在該對象，只能通過傳遞參數(shù)（并且惟一）的方式來實現(xiàn)event.2009-10-10
window.open被瀏覽器攔截導致頁面無法彈出，a標簽的彈出就不會被瀏覽器攔截，下面有個不錯的示例，大家可以學習下2014-04-04
這篇文章主要介紹了javascript實現(xiàn)自由編輯圖片代碼詳解，在當下的的前端項目中，圖片功能可以說是非常常見的，圖片的展示、圖片的裁剪編輯、圖片的上傳等，那么我們的項目便來了個需求。,需要的朋友可以參考下2019-06-06