2014-09-13 22 views
0

我有一个带有Twitter引导框架的“单页滚动”网站。如何在用户点击Twitter Bootstrap链接后自动折叠移动视图上的顶部导航栏?

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

在移动视图上,顶部导航栏默认为折叠状态。用户必须点击顶部导航栏的汉堡菜单才能展开它,然后点击链接自动滚动到该部分。 问题是,在移动视图上,在粘贴链接后,顶部导航栏不会折叠并保持打开状态,用户必须手动关闭它。

在用户点击移动视图链接后,应该使用什么CSS或JS自动关闭导航栏?

回答

2

试试这个(我假设自举3

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

它完美,非常感谢!@macsupport – meesk 2014-09-25 01:13:15