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多级菜单的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript入门教程 Cookies
Jan 31 Javascript
js螺旋动画效果的具体实例
Nov 15 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
解析Javascript单例模式概念与实例
Dec 05 Javascript
使用FormData实现上传多个文件
Dec 04 Javascript
JS实现指定区域的全屏显示功能示例
Apr 25 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
微信小程序实现拨打电话功能的示例代码
Jun 28 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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+oracle 分页类
2006/10/09 PHP
source.php查看源文件
2006/12/09 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
Easyui在treegrid添加控件的实现方法
2017/06/23 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
实例介绍JavaScript中多种组合继承
2019/01/20 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
Python对切片命名的实现方法
2018/10/16 Python
Python socket实现多对多全双工通信的方法
2019/02/13 Python
python3.6实现学生信息管理系统
2019/02/21 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
Python实现Excel自动分组合并单元格
2021/02/22 Python
中学生自我鉴定
2014/02/04 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
公民授权委托书范本
2014/09/17 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
2015年调度员工作总结
2015/04/30 职场文书
2019已经过半,你知道年中工作总结该怎么写吗?
2019/07/03 职场文书
python和anaconda的区别
2022/05/06 Python