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)

当您在外面单击时，Bootstrap 3关闭导航菜单

1 个答案: