编程 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 相关文章推荐

Jquery 动态添加按钮实现代码

May 06 Javascript

jQuery的Ajax的自动完成功能控件简要说明

Feb 22 Javascript

jquery组件WebUploader文件上传用法详解

Oct 23 Javascript

微信小程序开发之快递查询功能的实现

Jan 09 Javascript

jquery实现限制textarea输入字数的方法

Sep 06 jQuery

jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例

Oct 19 jQuery

vue计算属性时v-for处理数组时遇到的一个bug问题

Jan 21 Javascript

微信 jssdk 签名错误invalid signature的解决方法

Jan 14 Javascript

JSON的parse()方法介绍

Jan 31 Javascript

详解vue配置后台接口方式

Mar 29 Javascript

BootstrapValidator验证用户名已存在（ajax）

Nov 08 Javascript

JavaScript enum枚举类型定义及使用方法

May 15 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

You might like

聊天室php&mysql(五)

2006/10/09 PHP

PHP VS ASP

2006/10/09 PHP

自定义php类(查找/修改)xml文档

2013/03/26 PHP

ThinkPHP CURD方法之where方法详解

2014/06/18 PHP

ThinkPHP模板替换与系统常量及应用实例教程

2014/08/22 PHP

php项目中百度 UEditor 简单安装调试和调用

2015/07/15 PHP

thinkphp微信开发（消息加密解密）

2015/12/02 PHP

php bootstrap实现简单登录

2016/03/08 PHP

Yii数据模型中rules类验证器用法分析

2016/07/15 PHP

php单元测试phpunit入门实例教程

2017/11/17 PHP

PHP7创建COOKIE和销毁COOKIE的实例方法

2020/02/03 PHP

PHP实现基本留言板功能原理与步骤详解

2020/03/26 PHP

jQuery DIV弹出效果实现代码

2009/07/03 Javascript

Javascript 调试利器 Firebug使用详解六

2009/07/05 Javascript

妙用Jquery的val()方法

2012/06/27 Javascript

用jquery存取照片的具体实现方法

2013/06/30 Javascript

javascript常见用法总结

2014/05/22 Javascript

Jquery实现动态切换图片的方法

2015/05/18 Javascript

在线引用最新jquery文件的实现方法

2016/08/26 Javascript

用Vue.extend构建消息提示组件的方法实例

2017/08/08 Javascript

Vue项目查看当前使用的elementUI版本的方法

2018/09/27 Javascript

nodejs中方法和模块用法示例

2018/12/24 NodeJs

详解vue项目中调用百度地图API使用方法

2019/04/25 Javascript

Python实现的凯撒密码算法示例

2018/04/12 Python

pyshp创建shp点文件的方法

2018/12/31 Python

python 输出所有大小写字母的方法

2019/01/02 Python

Windows系统下pycharm中的pip换源

2020/02/23 Python

意大利灯具购物网站：Lampade.it

2018/10/18 全球购物

JS原生实现轮播图的几种方法

2021/03/23 Javascript

军训自我鉴定

2014/01/22 职场文书

大学生职业生涯规划范文——找准自我，定位人生

2014/01/23 职场文书

公司联欢晚会主持词

2014/03/22 职场文书

中秋晚会策划方案

2014/06/12 职场文书

环保建议书作文300字

2015/09/14 职场文书

java executor包参数处理功能

2022/02/15 Java/Android

nginx常用配置conf的示例代码详解

2022/03/21 Servers