Bootstrap多级菜单的实现代码
更新时间：2017年05月23日 13:58:24 作者：Denny辉
这篇文章主要介绍了Bootstrap多级菜单的简单实现代码,需要的朋友可以参考下
最近在用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多级菜单的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
微信小程序通过点击事件跨页面传参及data-方法传参（data-）的示例详解
在 vue 中，我们可以直接在点击事件中放入传递的参数进行传参；然而微信小程序中并不适用这样的写法，但是微信小程序可以通过自定义属性从而绑定参数使用，这篇文章主要介绍了微信小程序通过点击事件跨页面传参以及data-方法传参（data-）,需要的朋友可以参考下2023-12-12
这篇文章主要为大家详细介绍了微信小程序商城项目之商品属性值联动选择,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代码独立成文件和模块，同时管理每个模块间的依赖关系。本文主要对require.js的使用与工作原理进行系统介绍。需要的朋友来看下吧2016-12-12
这篇文章主要介绍了js实现iframe跨页面调用函数的方法,实例展示了iframe中父页面调用子页面和子页面调用父页面的实现技巧,非常具有实用价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了ES6 Promise对象的含义和基本用法,结合实例形式分析了Promise的含义、功能、基本用法及相关操作注意事项,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了jQuery实现div浮动层跟随页面滚动效果,需要的朋友可以参考下2014-02-02
本文主要对js中script标签中的预解析进行详细介绍。具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
event是ie自带的一个对象，而ff中不存在该对象，只能通过传递参数（并且惟一）的方式来实现event.2009-10-10
window.open被浏览器拦截导致页面无法弹出，a标签的弹出就不会被浏览器拦截，下面有个不错的示例，大家可以学习下2014-04-04
这篇文章主要介绍了javascript实现自由编辑图片代码详解，在当下的的前端项目中，图片功能可以说是非常常见的，图片的展示、图片的裁剪编辑、图片的上传等，那么我们的项目便来了个需求。,需要的朋友可以参考下2019-06-06
最新评论