jquery - 点击太快的动画后得到越野车

Question

这是我的fiddle

$('.navbar-toggle').on('click', function() {
      $('.wrapper').toggleClass('menu-open');

})

我想在菜单打开时进行叠加。到现在为止还挺好 。

但是当我点击太快时，叠加层和菜单都不匹配。

有什么想法吗？感谢

Answer 1

您应该使用bootstrap框架中可用的shown.bs.collapse和hidden.bs.collapse事件，如下所示：

$('.navbar-collapse').on('shown.bs.collapse', function () {
    $('.wrapper').addClass('menu-open');
});
$('.navbar-collapse').on('hidden.bs.collapse', function () {
    $('.wrapper').removeClass('menu-open');
});

Here is your updated JSFiddle

Answer 2

尝试将navbar-collapse类的位置属性更改为绝对值

.navbar崩 {

z-index:2000;
position:absolute;    

}