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 相关文章推荐
JS OOP包机制,类创建的方法定义
Nov 02 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
JS得到当前时间的方法示例
Mar 24 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
Jun 15 Javascript
最简单的vue消息提示全局组件的方法
Jun 16 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
小程序实现录音功能
Sep 22 Javascript
在antd中setFieldsValue和defaultVal的用法
Oct 29 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导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php读取远程gzip压缩网页的方法
2014/12/29 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP强制转化的形式整理
2020/05/22 PHP
使用JS画图之点、线、面
2015/01/12 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
windows下python安装pip图文教程
2018/05/25 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python适配器模式代码实现解析
2019/08/02 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
详解Python设计模式之策略模式
2020/06/15 Python
三八节活动主持词
2015/07/04 职场文书
《法国号》教学反思
2016/02/22 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL