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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
理解javascript对象继承
Apr 17 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
jQuery基本选择器和层次选择器学习使用
Feb 27 Javascript
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
如何用JavaScipt测网速
May 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
PHP 中的一些经验积累
2006/10/09 PHP
PHP获取网址的顶级域名函数代码
2012/09/24 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
js对象的复制继承实例
2015/01/10 Javascript
js获取域名的方法
2015/01/27 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
微信小程序实现同一页面取值的方法分析
2019/04/30 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
python二维键值数组生成转json的例子
2019/12/06 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
Django分组聚合查询实例分享
2020/04/29 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
详解python中的lambda与sorted函数
2020/09/04 Python
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
高三自我鉴定
2013/10/23 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
2014年社区工作总结
2014/11/18 职场文书
三峡人家导游词
2015/01/31 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
外贸英文求职信范文
2015/03/19 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书
500字作文之难忘的同学
2019/12/20 职场文书