Question

重要提示：请一直读到!!!

嘿。我正在构建一个响应式单页。顶部有一个Bootstrap导航栏，带有一些锚链接。我想要的是：当它在＆＃34; hamburger＆＃34;的移动视图中，并且用户点击汉堡包以便锚点出现，并且他点击其中一个锚链接，它＆＃39;滚动很棒，但菜单不会自动关闭。它会保持打开状态，直到您通过单击汉堡包再次手动关闭它。

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

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

问题：在非移动桌面模式下，它会影响网站的视觉效果。导航栏中的所有单词如＆＃34;关于我＆＃34;，＆＃34;联系＆＃34;等消失就像消失了一样，只有半秒钟，然后再回来了。所以一切正常，但看起来并不好看。是否有代码修复来解决这个问题？我是一个初学者，这就是问题，在这种情况下我还不太了解它并且不了解JS，只是复制了代码。在此先感谢!!!

Answer 1

试试这个：

JS

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

让移动Navbar消失 - 专业版

1 个答案: