让移动导航栏消失 - PRO

Question

重要提示：请阅读到最后！！！

嘿。我正在构建一个响应式单页。顶部有一个带有一些锚链接的 Bootstrap 导航栏。 我在寻找什么：当它在带有“汉堡包”的移动视图中时，用户单击汉堡包以显示锚点，然后他单击其中一个锚点链接，滚动效果很好，但菜单没有关闭自动地。它保持打开状态，直到您通过单击汉堡再次手动关闭它。

我已经找到了解决方案，但它有问题！ 到目前为止，这段代码很好地解决了这个问题（功能方面），但有一个视觉错误：

$('.nav a').on('click', function(){$(".navbar-toggle").click() //bootstrap 3.x});

问题：它在非移动、桌面模式下对网站产生负面影响。导航栏中的所有单词，如“关于我”、“联系方式”等，都像消失一样消失了，仅半秒钟，然后又重新出现。所以一切正常，但看起来不太好。是否有代码修复来解决这个问题？我是一个初学者，这就是这种情况下的问题，我对此还不太了解，也不懂JS，只是复制了代码。提前谢谢！！！

Answer 1

试试这个：

JS

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