twitter-bootstrap - Twitter Bootstrap 响应式菜单/小型设备 : close/collapse menu on clicking a menu item

Question

我想通过单击菜单项或单击菜单按钮来更改小型设备上 Twitter Bootstrap 菜单的行为以关闭扩展菜单。目前(默认)我只能通过单击右上角的菜单按钮来折叠它，无论我是否单击了链接/菜单项。我该怎么做？我无法从 TB 文档中找出答案，并且在互联网上搜索也没有提供任何答案。

Answer 1

感谢您修复 Skelly。它在“移动”菜单上运行良好，但不幸的是，它在“桌面”模式下导致视觉缺陷，因为它的目标是 .nav-collapse，并且此类在两种模式下都处于事件状态。所以，我做了一个小小的修改:

$('.nav li a').on('click',function(){
    $('.navbar-collapse.in').collapse('hide');
})

此修改只会在菜单处于“移动”模式时调用“隐藏”功能。

注意:这仅在 Bootstrap 3 上进行了测试。