当我们在较小的屏幕上时,我们是否有 navbar-toggle
的事件?
例如,
$('#myDropdown').on('shown.bs.navbar-toggle', function () {
// do something…
});
$('#myDropdown').on('hide.bs.navbar-toggle', function () {
// do something…
});
html,
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="#">Home</a>-->
</div>
否则,我们如何检测小屏幕上是否存在 navbar-toggle
?
最佳答案
navbar-toggle
方法发出 Collapse 事件:
事件
Bootstrap 的折叠类公开了一些用于连接折叠功能的事件。
Event Type Description
show.bs.collapse This event fires immediately when the show instance method is called.
shown.bs.collapse This event is fired when a collapse element has been made visible to the user (will wait for CSS transitions to complete).
hide.bs.collapse This event is fired immediately when the hide method has been called.
hidden.bs.collapse This event is fired when a collapse element has been hidden from the user (will wait for CSS transitions to complete).
例子
$('#myCollapsible').on('hidden.bs.collapse', function () {
// do something…
})
关于jquery - Bootstrap 下拉菜单 : events for the 'navbar-toggle' ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21900326/