用户点击Twitter Bootstrap链接后，如何在移动视图上自动折叠顶部导航栏？

我有一个带有Twitter bootstrap框架的“单页滚动”网站。

在桌面视图中，我的顶部导航栏始终可见，顶部导航栏的不同链接将用户锚定到页面的不同部分。

在移动视图中，默认情况下顶部导航栏已折叠。 用户必须点击顶部导航栏的汉堡菜单将其展开，然后点击链接以自动滚动到该部分。 问题是在移动视图上，在录制链接后，顶部导航栏不会崩溃并保持打开状态，用户必须手动关闭它。

在用户点击仅用于移动视图的链接后，我应该使用什么CSS或JS来自动关闭导航栏？

Answer 1

试试这个（我假设自举3

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