Javascript 如何在单击项目时自动关闭移动菜单？

我有一个一页响应的网站，一切正常，但我想能够自动关闭移动菜单，一旦一个项目被点击。目前我必须手动执行此操作，有人能帮我吗？-它快把我逼疯了

\\我的html

<button class="navbar-toggle">
    <i class="fa fa-bars"></i>
</button>

\\

---

在此方面的任何帮助都将不胜感激-谢谢。我使用的是bootstrap 3.3.7，如果这也有帮助的话

如果您需要在链接上关闭它，请单击您可以使用类似以下内容：

// maybe would be better to indicate menu link class explicitly instead of using just 'a'
$('.navbar-toggle a').on('click',function() {
    $('.main-nav').removeClass('open');
});

请尝试以下操作：

    $('.main-nav').on('click', function () {
        $(this).toggleClass('open');
    });

---

虽然我看不到你的HTML，但我相信你的主导航是菜单项的容器。单击某个项目时，事件将在容器中冒泡，容器将相应地更改状态。

如何自动更改？什么时候没有像mouseout这样的事件可以在触摸屏上收听，或者您希望您的用户将手指滑出菜单？

    $('.main-nav').on('click', function () {
        $(this).toggleClass('open');
    });