Bootstrap 3单击外部时关闭导航菜单

Question

我正在使用以下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();
               }
            });

问题出在导航栏-折叠中，我有一些子菜单，当我单击展开/折叠它们时。它还可以折叠主导航菜单。

Answer 1

您可能应该检查单击的元素是否不是.navbar-toggle的子元素。您可以使用closest()函数来执行此操作。这将查找与选择器匹配的第一个父对象。

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