javascript - 单击项目时如何自动关闭移动菜单？

Question

我有一个单页响应式网站，一切正常，但我希望能够在单击项目后自动关闭移动菜单。目前我必须手动执行此操作，任何人都可以帮助我吗？ - 它驱使我绕过弯道。

\\我的html

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

\\我的js

// Mobile nav toggle
$('.navbar-toggle').on('click',function() {
    $('.main-nav').toggleClass('open');
});

\\

对此的任何帮助将不胜感激 - 谢谢。 (我正在使用 bootstrap 3.3.7)如果这也有帮助

Answer 1

如果您需要在链接点击时关闭它，您可以使用以下内容:

// 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');
});