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

Question

我想关闭导航栏单击，然后使用此代码

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

    });  

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

我的网站 （当屏幕尺寸低于768px时，将显示导航栏）

Answer 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');
        }
    });
});

示例plnkr