当您单击外部时，Bootstrap 3 关闭导航菜单答案

【问题标题】：Bootstrap 3 close nav menu when you click outside当您单击外部时，Bootstrap 3 关闭导航菜单
【发布时间】：2020-10-27 16:42:03
【问题描述】：

我正在使用以下 jQuery：

            jQuery(document).click(function (event) {
               var clickover = jQuery(event.target);
               var _opened = jQuery(".navbar-collapse2").hasClass("in");
               if (_opened === true && !clickover.hasClass("navbar-toggle")) {
                  jQuery("button.navbar-toggle").click();
               }
            });

问题在于导航栏折叠我有一些子菜单，当我单击展开/折叠它们时。它还会折叠主导航菜单。

【问题讨论】：

标签： javascript html jquery css

【解决方案1】：

您可能应该检查您点击的元素是否不是.navbar-toggle 的子元素。您可以使用 closest() 函数来做到这一点。这将找到与选择器匹配的第一个父级。

if (_opened === true && !clickover.hasClass("navbar-toggle") && clickover.closest(".navbar-toggle").length === 0)

【讨论】：