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中正则表达式的使用方法
Jun 15 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
angularjs中ng-bind-html的用法总结
May 23 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
Vue表单类的父子组件数据传递示例
May 03 Javascript
vue 中的keep-alive实例代码
Jul 20 Javascript
javascript中的数据类型检测方法详解
Aug 07 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
.htaccess文件保护实例讲解
2011/02/06 PHP
PHP图片上传代码
2013/11/04 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
jQuery的Ajax时无响应数据的解决方法
2010/05/25 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
Python正则表达式介绍
2012/08/06 Python
python使用append合并两个数组的方法
2015/04/28 Python
在python中利用KNN实现对iris进行分类的方法
2018/12/11 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Python基于execjs运行js过程解析
2020/11/27 Python
解决Pycharm 运行后没有输出的问题
2021/02/05 Python
单位在职证明范本
2014/01/09 职场文书
二年级小学生评语
2014/04/21 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
2014年节能工作总结
2014/12/18 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
消防宣传语大全
2015/07/13 职场文书
安全生产学习心得体会
2016/01/18 职场文书
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android