Bootstrap 3:折叠或展开导航栏时的捕获事件

Question

使用Bootstrap 3:

当导航栏折叠/展开时是否可以捕获？

我无法找到这个事件.

编辑:

我有一个90px高的徽标,因此导航栏必须大约110px高度.

为了使菜单链接靠近主要内容,我因此有一个60px的保证金.当它崩溃时,我想要三个破折号(图标栏)也有60px的边距顶部.当这样做时,菜单突然下降60px + 60px = 120px - 这太多了60px.所以我想抓住它崩溃后然后将菜单链接的边距更改为0px,当它扩展时我想将其更改为60px.

这是一个bootply示例:

http://www.bootply.com/120802

Answer 1

也许这样:

$('.navbar-collapse').on('shown.bs.collapse', function() {
// do something
});

导航栏正在使用折叠jQuery-Plugin.在那里你可以找到这些事件:http://getbootstrap.com/javascript/#collapse

编辑:我添加了一个用法示例:http: //jsbin.com/tizanoti/4/edit

Answer 2

手动启用：

$('.collapse').collapse()

折叠方法

.collapse("toggle") //Toggles the collapsible element   
.collapse("show")   //Shows the collapsible element 
.collapse("hide")   //Hides the collapsible element

折叠事件

show.bs.collapse    //Occurs when the collapsible element is about to be shown
shown.bs.collapse   //Occurs when the collapsible element is fully shown (after CSS transitions have completed)
hide.bs.collapse    //Occurs when the collapsible element is about to be hidden
hidden.bs.collapse  //Occurs when the collapsible element is fully hidden (after CSS transitions have completed)

参考