Javascript 单页站点上的引导切换菜单在单击时不会打开

我使用的是bootstrap，它是一个单页的站点。当我需要为移动设备使用切换时。折叠可以工作，但是当我点击一个菜单时，我需要打开折叠

只是需要它来交付项目

有什么想法吗

html

切换导航

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

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

....
....

---

这里不需要JavaScript代码。因为bootstrap会处理它

您可以从

collapse.js

使用

.collapse（'hide'）

---

最近（'nav'）

可能会找到其他东西，请使用

最近（'.navbar collapse.in'）

@tricks for the web True，edited。不管怎么说，这只是一把快速的小提琴，还没有测试过。

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

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