全部 HTML CSS JavaScript javascript高性能 javascript语言精粹 SASS UNI-APP 重学前端锋利的JQuery 高级web标准解决方案 Bootstrap4 Layui 实例 konva库 UIKit LESS TypeScript 前端基础建设与架构设计模式 JavaScript模式前端功能你不知道的JavaScript JavaScript设计模式与开发实践 Chrome插件

分类：Bootstrap4

如何搞定Bootstrap4 多级下拉菜单 dropdown

木灵鱼儿 4年前 Bootstrap4

如何搞定Bootstrap4 多级下拉菜单 dropdown

官方并没有对多级菜单做适配，这就导致我们的二级菜单点击后，真个菜单就消失了。这就很头疼了，作为一个偏老派的人，还是很喜欢横向菜单的，但是横向就免不了使用多级菜单。之前我推荐过一个插件可以解决这个问题，但是插件的方法总是有点嫌麻烦，特别是在已经有很多js文件的引用下，所以我研究了下怎么用js搞定。效果图[hide]hide.bs.dropdown官方说，所有的bs这种事件都是作用在最上级的dropdown元素，也就是最开始那个class为dropdown的元素，这个一般可以看做为菜单根元素。这就产生一个问题，事件是自定义的，event也是不正统的，所以我们没办法通过这个事件的event对象...

1.6w 0 27

多级菜单 dropdown

Hyper V3.3.0 主题添加本地设置和刷新读取本地主题配置

木灵鱼儿 4年前 Bootstrap4

Hyper V3.3.0 主题添加本地设置和刷新读取本地主题配置

入正后发现官方的这个版本主题是不保存配置了，相对于以前的版本，这次改了好多东西，很多之前的css错位，无奈只能慢慢找方法。本教程只适合购买正版的用户，因为app.js没有被压缩存储主题配置默认都是存储在本地存储的，key值为_HYPER_CONFIG_；所以只能自己去找对应的方法了，然后发现有一段代码：/** * Preserves the config */ LayoutThemeApp.prototype._saveConfig = function (newConfig) { $.extend(this._config, ne...

4225 0 0

Hyper 主题设置

关于原生Bootstrap4 二级菜单点击整个菜单消失的bug

木灵鱼儿 5年前 Bootstrap4

关于原生Bootstrap4 二级菜单点击整个菜单消失的bug

在写《MUFlow》主题的时候，我遇到一个很头疼的问题，就是点击分类会显示分类菜单，但是这个菜单还会有子级菜单，按照嵌套规则，我对这个子级的菜单元素，用一个div包裹，并且加上了class类名dropdown-menu，然后里面的内容就按照官方的标准书写，但是就出现了一个问题。当我点击子级菜单后，整个菜单都消失了。一脸蒙蔽，什么鬼，难道我做错了，什么情况，在不断的对照不同人写的例子后，我崩溃了，然后无意间看到开发者控制台的class变化后，我大概有点知道为什么了。当我点击子级菜单后，子级菜单对应的dropdown-menu元素是显示的，它的class有了show类名，但是一级菜单就没了，...

4023 0 0

多级菜单 bootstrap-submenu

分类：Bootstrap4

如何搞定Bootstrap4 多级下拉菜单 dropdown

Hyper V3.3.0 主题添加本地设置和刷新读取本地主题配置

关于原生Bootstrap4 二级菜单点击整个菜单消失的bug

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

分类：Bootstrap4

如何搞定Bootstrap4 多级下拉菜单 dropdown

Hyper V3.3.0 主题添加本地设置和刷新读取本地主题配置

关于原生Bootstrap4 二级菜单点击整个菜单消失的bug

最近评论

博客文章RSS订阅

博客评论RSS订阅