在外部单击时，Bootstrap 3移动导航会崩溃

Question

当我单击/触摸菜单外部时，Bootstrap 3移动菜单不会折叠。

Ive可以解决这个问题：

$(document).on('touchstart click', 'html:not(nav)',function() {
 $(".navbar-collapse").removeClass("in");
});

但是，这不会像单击菜单按钮一样崩溃。请有人推荐更好的解决方案。

干杯

Answer 1

$(document).on('click',function(){
  $('.navbar-collapse').collapse('hide');
})

演示版