使用 Bootstrap 3:
导航栏折叠/展开时是否可以捕获?
我找不到这方面的事件。
编辑:
我的 Logo 高度为 90 像素,因此导航栏高度必须约为 110 像素。
为了将菜单链接放置在靠近主要内容的位置,我将顶部边距设置为 60 像素。当它折叠时,我希望三个破折号(图标栏)的顶部边距也为 60 像素。当这样做时,菜单突然向下 60px + 60px = 120px - 这 60px 太多了。所以我想捕捉它折叠时的情况,然后将菜单链接的 margin-top 更改为 0px,当它展开时我想将其更改为 60px。
这是一个 bootply 示例:
最佳答案
也许这样:
$('.navbar-collapse').on('shown.bs.collapse', function() {
// do something
});
导航栏正在使用折叠 jQuery 插件。您可以在那里查找事件:http://getbootstrap.com/javascript/#collapse
编辑: 我添加了一个使用示例: http://jsbin.com/tizanoti/4/edit
关于jquery - Bootstrap 3 : Catch event when navbar is collapsed or expanded,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22318672/