引导导航栏折叠在单击时保持打开状态

【问题标题】：Bootstrap navbar collapse keep open when click on it引导导航栏折叠在单击时保持打开状态
【发布时间】：2015-11-05 05:58:40
【问题描述】：

我想关闭导航栏点击它外面然后我使用了这个代码

$(document).on('click',function(){              
        if(!$('#top_right_menu_btn').hasClass('open')) {
            $('#myNavbar').collapse('hide');
        }

    });

但是即使点击它也会关闭下拉菜单，所以我想防止点击它时关闭。

my site（屏幕尺寸低于768px时会出现导航栏）

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

另一个答案有一些错误，但我在下面更新了它。

您需要在导航栏上运行.collapse()，而不是切换按钮。

$(".navbar-collapse").collapse('toggle');

您还需要确保点击不会发生在.navbar 元素内。

!$(event.target).closest('.navbar').length

大家一起：

$(document).ready(function () {
    $(document).click(function (event) {
        var clickover = $(event.target);
        var _opened = $(".navbar-collapse").hasClass("in");
        if (!$(event.target).closest('.navbar').length && _opened === true && !clickover.hasClass("navbar-toggle")) {
            $(".navbar-collapse").collapse('toggle');
        }
    });
});

Example plnkr

【讨论】：