文档章节

Bootstrap使用collapse实现二级菜单手风琴效果出错

JIL王
 JIL王
发布于 2015/01/09 13:45
字数 278
阅读 377
收藏 0

今日使用bootstrap中collapse实现二级菜单,参照bootstrap官方文档,点击菜单时对应二级菜单能够展开,但是当点击菜单B时,菜单A对应的二级菜单不能收回。检查bootstrap文档所描述的实现方法:

    1、在父级元素上加id

    2、collapse点击链接上加data-parent=id

仔细检查者两要素,还是未发现错误所在,草草用自己的js解决。后心有不甘,再细读帮助文档,看到如下地方:

如果parent选择器被提供,当父级下可折叠元素点击时,其余可折叠元素关闭(类似于传统手风琴效果,这个实现依赖于panel class)。

顿时领悟,自己的折叠效果是放在ul中,未放在panel class下,加上panel,限定样式,最终用bootstrap原生解决。

希望大家不要像我一样,马马虎虎,文档一定得仔细看。




© 著作权归作者所有

JIL王
粉丝 1
博文 5
码字总数 2655
作品 0
攀枝花
程序员
私信 提问
Bootstrap JS插件使用实例(6)-折叠(手风琴效果)

本篇文章讨论Bootstrap的js插件的折叠效果(bootstrap-collapse.js),即控制页面某一区域内容的显示和隐藏。通过将多个这样的折叠元素组合起来,我们就可以实现诸如手风琴或是导航栏这样的复杂...

doliangzhe
2013/05/19
0
2
关于bootstrap的Collapse组件问题

collapse 这个组件阿,我写了三组折叠菜单出来,可以实现点击折叠和展开,但是我想的要效果是,一次点击只显示一组菜单 。比如我有ABC,三组菜单 ,我点A的时候,A下面的内容展开,我再点B时,...

花果山摸鱼高手
2015/11/16
1K
1
4.21、Bootstrap V4自学之路-----内容---折叠板

这个功能是以后很定必须用到的功能,之前不系统学习的时候,一知半解的拷贝它。 效果让人不是很满意。一定要把它拿下! 示例 点击下面的按钮,利用类的改变,显示或隐藏另一个元素: 隐藏内容...

Asktao
2016/03/25
57
0
Node.js开发入门—引入UIBootstrap

很多Web管理系统的侧边菜单是可折叠的(手风琴样式),我们在前面两篇文章里的HTML模板,自己用div、css做了一些处理,可效果不好。所以我请来了一个前端UI框架,UI Bootstrap,来帮忙。别看...

foruok
2015/09/02
0
0
bootstrap.js学习笔记

模态弹出框 Bootstrap框架中的模态弹出框,分别运用了“modal”、“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: ☑ 弹...

_好久不见
2015/11/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

面试爱奇艺,竟然挂在第5轮……

今天给大家分享我曾经在爱奇艺的面试,过程还是比较有意思的,可以给大家一些参考 <br> 聊骚阶段 嗲妹妹:你好,我是爱奇艺的HR,我们正在招聘运维开发岗位,请问您最近有在看工作机会吗? ...

上海小胖
今天
5
0
Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
解决多线程并行加载缓存问题(利用guava实现)

依赖 com.google.guava:guava:20.0 import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import j......

暗中观察
昨天
4
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部