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 相关文章推荐
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
简单的js图片轮换代码(js图片轮播)
May 06 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
收藏AngularJS中最重要的核心功能
Jul 09 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
js中数组常用方法总结(推荐)
Apr 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
You might like
建立文件交换功能的脚本(一)
2006/10/09 PHP
基于PHP文件操作的详解
2013/06/05 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
jQuery ui 1.7更新小结
2009/08/15 Javascript
document.getElementById介绍
2011/09/13 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
改变vue请求过来的数据中的某一项值的方法(详解)
2018/03/08 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
python 性能提升的几种方法
2016/07/15 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
PySide和PyQt加载ui文件的两种方法
2019/02/27 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
公务员个人自我评价分享
2013/11/06 职场文书
青年教师培训方案
2014/02/06 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
Python使用openpyxl模块处理Excel文件
2022/06/05 Python