久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當(dāng)前位置:主頁 > 教程 > 服務(wù)器類 >

Bootstrap多級菜單的實現(xiàn)代碼詳解

來源:技術(shù)員聯(lián)盟┆發(fā)布時間:2017-09-15 00:13┆點擊:

最近在用Bootstrap做一個項目的時候遇到一個問題,官網(wǎng)上只給的二級菜單的用法,但是實際運用肯定不止二級。 于是在網(wǎng)上看到一個第三方的工具:bootstrap-submenu,地址:https://github.com/vsn4ik/bootstrap-submenu

可以去下載源碼。

將bootstrap-submenu.js和bootstrap-submenu.css文件添加到項目中

在要實現(xiàn)多級導(dǎo)航的按鈕或a標(biāo)簽中添加:

<a href="#" rel="external nofollow" class="data-toggle" data-toggle="dropdown" data-submenu>

主要是最后的submenu這個。

然后再JS里面:

$(function () { $('[data-submenu]').submenupicker(); });