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-12js實現(xiàn)iframe跨頁面調用函數(shù)的方法
這篇文章主要介紹了js實現(xiàn)iframe跨頁面調用函數(shù)的方法,實例展示了iframe中父頁面調用子頁面和子頁面調用父頁面的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12ie與firefox下的event使用說明與詳細區(qū)別
event是ie自帶的一個對象,而ff中不存在該對象,只能通過傳遞參數(shù)(并且惟一)的方式來實現(xiàn)event.2009-10-10