Bootstrap在外部点击时保持菜单打开

Question

我已经用尽了我在Stack上找到的大多数选项......我使用Bootstrap 3创建了一个全宽（水平）下拉菜单。导航包含多个下拉菜单，它们被激活（显示） mouseenter事件：

$('.dropdown').mouseenter(function(){
        if(!$('.navbar-toggle').is(':visible')) { // disable for mobile view
            if(!$(this).hasClass('open')) { // Keeps it open when hover it again
                $('.dropdown-toggle', this).trigger('click');
            }
        }
    });

我尝试使用以下方法禁用“外部”点击：

$('#myDropdown').on('hide.bs.dropdown', function () {
    return false;
}); 

但是，它还会禁用“mouseenter”事件....如何解决此问题？任何反馈都会很棒！谢谢！

Answer 1

你是这么想的吗？ http://codepen.io/saeedsalam/full/ZpgzQv/

我已经添加了以下代码 -

$(document).on('click','.dropdown.open a', function(){
  $(this).parent().removeClass('open');
});

希望有所帮助！