编程 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 相关文章推荐

jquery $.ajax入门应用一

Nov 19 Javascript

提高网站性能之如何对待JavaScript

Oct 31 Javascript

获取offsetTop和offsetLeft值的js代码(兼容)

Apr 16 Javascript

js简单实现删除记录时的提示效果

Dec 05 Javascript

js实现可得到不同颜色值的颜色选择器实例

Feb 28 Javascript

javascript中一些util方法汇总

Jun 10 Javascript

js实现select跳转菜单新窗口效果代码分享(超简单)

Aug 21 Javascript

基于VUE移动音乐WEBAPP跨域请求失败的解决方法

Jan 16 Javascript

ES6基础之默认参数值

Feb 21 Javascript

基于vue框架手写一个notify插件实现通知功能的方法

Mar 31 Javascript

javascript 原型与原型链的理解及应用实例分析

Feb 10 Javascript

原生js实现密码强度验证功能

Mar 18 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与Java进行通信的实现方法

2013/10/21 PHP

php实现源代码加密的方法

2015/07/11 PHP

基于jquery的Repeater实现代码

2010/07/17 Javascript

前端必备神器 Snap.svg 弹动效果

2014/11/10 Javascript

js实现拉幕效果的广告代码

2015/09/02 Javascript

jquery图片轮播特效代码分享

2020/04/20 Javascript

AngularJs动态加载模块和依赖注入详解

2016/01/11 Javascript

JS判断微信扫码的方法

2017/08/07 Javascript

jquery select插件异步实时搜索实例代码

2017/10/20 jQuery

Bootstrap实现可折叠分组侧边导航菜单

2018/03/07 Javascript

vue项目打包之后背景样式丢失的解决方案

2019/01/17 Javascript

layui原生表单验证的实例

2019/09/09 Javascript

layui实现checkbox的目录树tree的例子

2019/09/12 Javascript

Vue+Element自定义纵向表格表头教程

2020/10/26 Javascript

微信小程序实现简单的select下拉框

2020/11/23 Javascript

vue前端和Django后端如何查询一定时间段内的数据

2021/02/28 Vue.js

Python实现二分法算法实例

2015/02/02 Python

深入解析Python的Tornado框架中内置的模板引擎

2016/07/11 Python

python批量设置多个Excel文件页眉页脚的脚本

2018/03/14 Python

Python实现中值滤波去噪方式

2019/12/18 Python

python装饰器相当于函数的调用方式

2019/12/27 Python

Python爬虫抓取指定网页图片代码实例

2020/07/24 Python

python 装饰器的基本使用

2021/01/13 Python

HTML5中indexedDB 数据库的使用实例

2017/05/11 HTML / CSS

荷兰男士时尚网上商店：Suitable

2017/12/25 全球购物

英国婴儿和儿童服装网站：Vertbaudet

2018/04/02 全球购物

韩国保养品、日本药妆购物网：小三美日

2018/12/30 全球购物

人民教师求职自荐信

2014/03/12 职场文书

分层教学实施方案

2014/03/19 职场文书

爱耳日活动总结

2014/04/30 职场文书

地质工程专业毕业生求职信

2014/08/08 职场文书

安全责任书范文

2014/08/25 职场文书

硕士学位论文评语

2014/12/31 职场文书

小学教师节活动总结

2015/03/20 职场文书

学校食堂食品安全承诺书

2015/04/29 职场文书

基于Redis延迟队列的实现代码

2021/05/13 Redis