响应式菜单/小型设备:单击菜单项时关闭/折叠菜单

2024-04-13

我想更改小型设备上 Twitter 引导菜单的行为,以通过单击菜单项或单击菜单按钮来关闭展开的菜单。

目前(默认)我只能通过单击右上角的菜单按钮来折叠它,无论我是否单击了链接/菜单项。我该怎么做呢?我无法从 TB 文档中弄清楚这一点,并且在互联网上搜索也没有提供任何答案。


感谢斯凯利的修复。它在“移动”菜单上运行得很好,但不幸的是,它在“桌面”模式下导致了视觉缺陷,因为它的目标是 .nav-collapse,并且该类在两种模式下都处于活动状态。所以,我做了一点小小的修改:

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

响应式菜单/小型设备:单击菜单项时关闭/折叠菜单 的相关文章