jquery - Bootstrap 3 : Catch event when navbar is collapsed or expanded

Question

使用 Bootstrap 3:

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

我找不到这方面的事件。

编辑:

我的 Logo 高度为 90 像素，因此导航栏高度必须约为 110 像素。

为了将菜单链接放置在靠近主要内容的位置，我将顶部边距设置为 60 像素。当它折叠时，我希望三个破折号(图标栏)的顶部边距也为 60 像素。当这样做时，菜单突然向下 60px + 60px = 120px - 这 60px 太多了。所以我想捕捉它折叠时的情况，然后将菜单链接的 margin-top 更改为 0px，当它展开时我想将其更改为 60px。

这是一个 bootply 示例:

http://www.bootply.com/120802

Answer 1

也许这样:

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

导航栏正在使用折叠 jQuery 插件。您可以在那里查找事件:http://getbootstrap.com/javascript/#collapse

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