当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Bootstrap多级菜单的实现代码

Bootstrap多级菜单的实现代码

2018年04月29日  | 移动技术网IT编程  | 我要评论

最近在用bootstrap做一个项目的时候遇到一个问题,官网上只给的二级菜单的用法,但是实际运用肯定不止二级。 于是在网上看到一个第三方的工具:bootstrap-submenu,地址:
可以去下载源码。

将bootstrap-submenu.js和bootstrap-submenu.css文件添加到项目中

在要实现多级导航的按钮或a标签中添加:

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

主要是最后的submenu这个。

然后再js里面:

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

这样就可以了

以上所述是小编给大家介绍的bootstrap多级菜单的实现代码,希望对大家有所帮助

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网