Bootstrap halten Menü geöffnet auf Außen klicken

Question

Ich habe die meisten Optionen, die ich hier auf Stack gefunden habe erschöpft ... Ich habe eine volle Breite (horizontal) Dropdown-Menü mit Bootstrap 3 erstellt. Das Nav enthält mehrere Dropdown-Menüs in sich und sie sind (angezeigt) durch die MouseEnter- Ereignis aktiviert:

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

ich habe versucht, das deaktivieren der „Außenseite“ klicken unter Verwendung:

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

die funktioniert, aber es sperrt auch die „MouseEnter-“ event .... Wie kann ich dieses Problem lösen? Jede Rückmeldung wäre großartig! Vielen Dank!

Answer 1

Sie so gemeint? http://codepen.io/saeedsalam/full/ZpgzQv/

ich habe folgenden Code zusätzlich mit Ihnen hinzugefügt -

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

Hoffnung, das hilft!