Bootstrap修复了One Page html5上的顶层菜单，单击菜单项上的展开事件

Question

如果点击链接（同一页面上的锚点），我如何设置Bootsrap移动菜单自动展开。

• 菜单展开navbar-collapse collapse in
• 折叠的菜单为navbar-collapse collapse out

我的菜单上有明显的onlick事件：

<li><a onclick="return scrollPage('section1')" href="#section1">Contact</a></li>

PS：我使用Boostrap 3

Answer 1

您可以使用崩溃插件中可用的方法（标准可折叠菜单所需的方法） - http://getbootstrap.com/javascript/#collapse-methods

因此，只需切换菜单（如果已关闭则打开，如果打开则关闭），您可以触发这一点JavaScript（假设您的菜单的ID为MyMenu。任何jQuery选择器都可以在这里工作）。

$('#TheMenu').collapse('toggle');

如果您想打开菜单，只需使用

即可

$('#TheMenu').collapse('show');

毫不奇怪，要关闭菜单，只需使用

即可

$('#TheMenu').collapse('hide');