导航栏折叠后的Bootstrap 3，切换不会重新打开导航

Question

我试图解决一个问题，当我单击移动视图中的导航栏菜单项时，导航栏仍保持展开状态。 这对我来说不起作用，因为我的菜单项指向div ID。 我在这里阅读了将以下内容添加到我的href标签中的解决方案。

data-toggle="collapse" data-target=".navbar-collapse" 

这对我不起作用，但是我可以使用我在github https://github.com/twbs/bootstrap/issues/12852上找到的javascript修复程序使其工作

$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') ) {
    $(this).collapse('hide');
}
});

现在的问题是，隐藏导航栏后，我无法再次打开它。

其他人有这个问题或解决方案吗？

Answer 1

将折叠参数从hide更改为toggle 。

$(this).collapse('toggle');

有关更多信息，请参见bootstrap docs 。