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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
javascript先序遍历DOM树的方法
Feb 27 Javascript
jQuery实现简单的tab标签页效果
Sep 12 Javascript
Bootstrap table 定制提示语的加载过程
Feb 20 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 Vue.js
微信小程序获取用户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下载文件的代码示例
2012/06/29 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
js日期联动示例
2014/05/02 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
Python字符串格式化输出方法分析
2016/04/13 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
Pycharm plot独立窗口显示的操作
2020/12/11 Python
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
2014/06/16 HTML / CSS
澳大利亚女装精品店:Alannah Hill
2020/07/29 全球购物
中专毕业自我鉴定
2013/10/16 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
教师自荐信范文
2015/03/06 职场文书
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android