我正在尝试使用Bootstrap 3制作一个响应式网站。我使用他们的Dashboard示例作为起点。
示例在768px处有一个断点,使得顶部导航栏从“汉堡包”菜单按钮变成水平的导航项列表。我需要在达到该断点时做出反应。
根据this和this,我尝试绑定按钮元素上的show/hide.bs.collapse事件,但无济于事。是否有一种方法可以绑定事件或以某种方式监听达到断点的情况?
我已经设置了一个JSFiddle,其中包含相关部分(移动垂直滑块以更改导航栏)。这是我尝试过的JavaScript代码:
$( ".navbar-toggle" ).on( "show.bs.collapse", function() {
alert( "hamburger show" );
} )
.on( "hide.bs.collapse", function() {
alert( "hamburger hide" );
} );