木灵鱼儿
阅读:7390
如何搞定Bootstrap4 多级下拉菜单 dropdown
官方并没有对多级菜单做适配,这就导致我们的二级菜单点击后,真个菜单就消失了。
这就很头疼了,作为一个偏老派的人,还是很喜欢横向菜单的,但是横向就免不了使用多级菜单。
之前我推荐过一个插件可以解决这个问题,但是插件的方法总是有点嫌麻烦,特别是在已经有很多js文件的引用下,所以我研究了下怎么用js搞定。
效果图
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
layui框架 dropdown 模块
找了半天没找到一个合适的dropdown模块,本来就很简单的需求,就是希望在hover的时候能显示一个二维码小窗口出来,实在无奈,自己造了个模块用了。预览图支持四个方向简单快速使用方式资源下载: 蓝奏云 密码:6szx下载模块,layui使用自定义模块不用多说吧,不知道看我博客发布的layui模块文章,然后自己把对应的样式css单独引入就行了。html格式<div class="layui-dropdown" id="dropdown"> <button class="layui-dropdown-toggle...

关于原生Bootstrap4 二级菜单点击整个菜单消失的bug
在写《MUFlow》主题的时候,我遇到一个很头疼的问题,就是点击分类会显示分类菜单,但是这个菜单还会有子级菜单,按照嵌套规则,我对这个子级的菜单元素,用一个div包裹,并且加上了class类名dropdown-menu,然后里面的内容就按照官方的标准书写,但是就出现了一个问题。当我点击子级菜单后,整个菜单都消失了。一脸蒙蔽,什么鬼,难道我做错了,什么情况,在不断的对照不同人写的例子后,我崩溃了,然后无意间看到开发者控制台的class变化后,我大概有点知道为什么了。当我点击子级菜单后,子级菜单对应的dropdown-menu元素是显示的,它的class有了show类名,但是一级菜单就没了,...
xxx
Google Chrome Windows 10學習
1
Google Chrome Windows 10学习
DuangDuang的
Google Chrome Windows 10学习
发大水法
Google Chrome Windows 7可以的支持
kung
Google Chrome Windows 10学习
都顺顺当当
Google Chrome MacOS谢谢
阿斯顿
Google Chrome MacOS点点滴滴的
等等
Google Chrome Windows 10看
shuai
Google Chrome Windows 10好
ispmaa
Google Chrome Windows 10这个很不错