单击页面上的Bootstrap切换菜单在单击时不会解除折叠

Question

我正在使用bootstrap，它是一个单页网站。当我需要为移动设备使用切换时。崩溃有效，但当我点击其中一个菜单时，我需要解除崩溃。

只需要提供项目。

有什么想法吗？

http://www.neevasoft.com/docasnovo

HTML

.Single()

Answer 1

您只需向每个li添加以下属性：

<li data-toggle="collapse" data-target=".navbar-collapse">
  <a class="page-scroll" href="#home">Home</a>
</li>
....
....

这里不需要JavaScript代码。因为bootstrap会照顾它。

Answer 2

您可以使用.collapse('hide')中的collapse.js。 Docs

jQuery(document).ready(function($) {
    $("li a.page-scroll").click(function() {
        $(this).closest(".navbar-collapse.in").collapse('hide');
    });
});