编程 Javascript

Bootstrap多级菜单的实现代码

Posted in Javascript onMay 23, 2017

最近在用Bootstrap做一个项目的时候遇到一个问题，官网上只给的二级菜单的用法，但是实际运用肯定不止二级。于是在网上看到一个第三方的工具：bootstrap-submenu，地址：https://github.com/vsn4ik/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多级菜单的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

Bootstrap多级菜单的实现代码

- Author -

Denny辉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

解决FLASH需要点击激活的代码

Dec 20 Javascript

腾讯的ip接口方便获取当前用户的ip地理位置

Nov 25 Javascript

jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

Nov 21 Javascript

jquery获取当前日期的方法

Jan 14 Javascript

JS实现的简单鼠标跟随DiV层效果完整实例

Oct 31 Javascript

javascript从作用域链谈闭包

Jul 29 Javascript

详解Angular-cli生成组件修改css成less或sass的实例

Jul 27 Javascript

Vue2.0 slot分发内容与props验证的方法

Dec 12 Javascript

JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析

Jul 26 Javascript

Vue多组件仓库开发与发布详解

Feb 28 Javascript

JS Math对象与Math方法实例小结

Jul 05 Javascript

使用 UniApp 实现小程序的微信登录功能

Jun 09 Javascript

微信小程序获取用户openId的实现方法

May 23 #Javascript

详解vuex 中的 state 在组件中如何监听

May 23 #Javascript

BootStrap表单控件之文本域textarea

May 23 #Javascript

BootStrap 表单控件之单选按钮水平排列

May 23 #Javascript

vue实现app页面切换动画效果实例

May 23 #Javascript

BootStrap表单控件之复选框checkbox和单选择按钮radio

May 23 #Javascript

JavaScript设置名字输入不合法的实现方法

May 23 #Javascript