编程 Javascript

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多级菜单的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

Bootstrap多级菜单的实现代码

- Author -

Denny辉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

客户端静态页面玩分页

Jun 26 Javascript

驱动事件的addEvent.js代码

Mar 27 Javascript

网站被黑的假象--ARP欺骗之页面中加入一段js

May 16 Javascript

一些实用的jQuery代码片段收集

Jul 12 Javascript

jquery分页插件jpaginate在IE中不兼容问题

Apr 22 Javascript

js实现飞入星星特效代码

Oct 17 Javascript

Javascript 中创建自定义对象的方法汇总

Dec 04 Javascript

基于JavaScript实现根据手机定位获取当前具体位置（X省X市X县X街道X号）

Dec 29 Javascript

使用jQuery5分钟快速搞定双色表格的简单实例

Aug 08 Javascript

详解AngularJs中$resource和restfu服务端数据交互

Sep 21 Javascript

vue axios用法教程详解

Jul 23 Javascript

js生成1到100的随机数最简单的实现方法

Feb 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

PHP+JS无限级可伸缩菜单详解（简单易懂）

2007/01/02 PHP

改写ThinkPHP的U方法使其路由下分页正常

2014/07/02 PHP

php使用curl简单抓取远程url的方法

2015/03/13 PHP

PHP之十六个魔术方法详细介绍

2016/11/01 PHP

PHP strripos函数用法总结

2019/02/11 PHP

大家未必知道的Js技巧收藏

2008/04/07 Javascript

基于jQuery UI CSS Framework开发Widget的经验

2010/08/21 Javascript

js获取checkbox值的方法

2015/01/28 Javascript

代码分析jQuery四种静态方法使用

2015/07/23 Javascript

基于JavaScript实现网页倒计时自动跳转代码

2015/12/28 Javascript

JavaScript设计模式初探

2016/01/07 Javascript

基于JavaScript实现通用tab选项卡(通用性强)

2016/01/07 Javascript

Nodejs如何复制文件

2016/03/09 NodeJs

Javascript ES6中数据类型Symbol的使用详解

2017/05/02 Javascript

AngularJS中下拉框的高级用法示例

2017/10/11 Javascript

vue中$set的使用(结合在实际应用中遇到的坑)

2018/07/10 Javascript

vue仿element实现分页器效果

2018/09/13 Javascript

js 根据对象数组中的属性进行排序实现代码

2019/09/12 Javascript

nodejs制作小爬虫功能示例

2020/02/24 NodeJs

原生JS实现留言板

2020/03/26 Javascript

Vue ElementUI实现:限制输入框只能输入正整数的问题

2020/07/31 Javascript

ReactRouter的实现方法

2021/01/25 Javascript

深入理解Python中range和xrange的区别

2017/11/26 Python

python web基础之加载静态文件实例

2018/03/20 Python

对python的bytes类型数据split分割切片方法

2018/12/04 Python

python编写猜数字小游戏

2019/10/06 Python

python批量将excel内容进行翻译写入功能

2019/10/10 Python

Python如何实现动态数组

2019/11/02 Python

TensorFlow梯度求解tf.gradients实例

2020/02/04 Python

使用canvas压缩图片上传的方法示例

2020/02/07 HTML / CSS

Linux机考试题

2015/10/16 面试题

销售人员自我评价怎么写

2013/09/19 职场文书

公司收款委托书范本

2014/09/20 职场文书

人民检察院起诉书

2015/05/20 职场文书

python爬不同图片分别保存在不同文件夹中的实现

2021/04/02 Python

Android开发手册自定义Switch开关按钮控件

2022/06/10 Java/Android