javascript - 单击/触发时关闭响应菜单

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();
});