Bootstrap多級菜單的實現(xiàn)代碼
更新時間：2017年05月23日 13:58:24 作者：Denny輝
這篇文章主要介紹了Bootstrap多級菜單的簡單實現(xiàn)代碼,需要的朋友可以參考下
最近在用Bootstrap做一個項目的時候遇到一個問題，官網(wǎng)上只給的二級菜單的用法，但是實際運用肯定不止二級。 于是在網(wǎng)上看到一個第三方的工具：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)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關文章
react-router-dom?v6?通過outlet實現(xiàn)keepAlive?功能的實現(xiàn)
本文主要介紹了react-router-dom?v6?通過outlet實現(xiàn)keepAlive功能，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Javascript中八種遍歷方法的執(zhí)行速度深度對比
關于數(shù)組或對象遍歷，相信很多人都沒有深入觀察過執(zhí)行效率。這是一個曾在群里吵翻天的話題，讀懂后你將成為遍歷效率話題的大師。下面這篇文章主要介紹了Javascript中八種遍歷方法執(zhí)行速度深度對比的相關資料，需要的朋友可以參考下。2017-04-04
在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。2010-02-02
今天小編就為大家分享一篇layui radio單選限制下一個radio單選的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
讓多個異步任務按照我們的想法執(zhí)行，是開發(fā)中常見的需求，今天我們就來捋一下，如何讓多個異步任務并行，串行，以及并行串行相結合，感興趣的朋友跟隨小編一起看看吧2023-10-10
本篇文章主要介紹了小程序對接七牛云存儲的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript數(shù)組類型Array相關的屬性與方法詳解
這篇文章主要給大家介紹了關于JavaScript數(shù)組類型Array相關的屬性與方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
最近發(fā)現(xiàn)了一用 YUI 做的 Lightbox, 只需少量的設置就能類Window關機的效果來顯示圖片。2008-12-12
JavaScript實現(xiàn)字符串與HTML格式相互轉換
這篇文章主要介紹了JavaScript實現(xiàn)字符串與HTML格式相互轉換,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
解決layui-table單元格設置為百分比在ie8下不能自適應的問題
今天小編就為大家分享一篇解決layui-table單元格設置為百分比在ie8下不能自適應的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09