点击/触摸时关闭响应式菜单

Question

当您点击/触摸菜单外部时，我已设法关闭菜单，但如果点击链接（在该菜单中），如何停止菜单关闭？

这是我的javascript：

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

Answer 1

如果来自导航栏

，则停止事件冒泡

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

jQuery(".dropdown-menu").click(function(e) {
    e.stopPropagation();
});