为什么我的 Bootstrap 3 折叠导航菜单在单击链接后仍保持打开状态？

Bootstrap 3 折叠导航菜单在单击时保持打开状态

Bootstrap 3 的导航菜单为小型设备提供了方便的折叠功能。但是，单击菜单链接后，菜单有时会保持打开状态。如果您希望在选择某个项目后关闭菜单，这可能会令人沮丧。

下面的代码是 GitHub 上流行的解决方案，可以解决此问题：

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});

此代码绑定文档的事件侦听器，用于侦听展开的导航栏折叠内任何元素的单击。如果单击的元素是锚元素，则会折叠菜单。

为了解决子菜单的问题，代码修改如下：

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a:not(".dropdown-toggle")') ) {
        $(this).collapse('hide');
    }
});

这确保了菜单仅当单击的元素是直接链接而不是下拉菜单时折叠。

以上是为什么我的 Bootstrap 3 折叠导航菜单在单击链接后仍保持打开状态？的详细内容。更多信息请关注PHP中文网其他相关文章！