바깥 쪽 클릭시 부트 스트랩 유지 메뉴가 열려 있음

스택에서 찾은 대부분의 옵션을 다 써 버렸습니다 ... 부트 스트랩 3을 사용하여 전체 너비 (수평) 드롭 다운 메뉴를 만들었습니다. 탐색에는 자체 내에서 여러 개의 드롭 다운이 포함되어 있으며 사용하여바깥 쪽 클릭시 부트 스트랩 유지 메뉴가 열려 있음

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

내가 해봤 클릭 "외부"를 사용하지 : 그들은 mouseenter 이벤트에 의해 (표시) 활성화

작동

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

그러나, 그것은 또한 "mouseenter"를 비활성화 이벤트 .... 어떻게이 문제를 해결할 수 있습니까? 어떤 의견이라도 좋을 것입니다! 감사!

출처

2016-10-31 GreggMoore

당신은 이런 뜻입니까? http://codepen.io/saeedsalam/full/ZpgzQv/

난 당신과 함께 추가로 다음 코드를 추가 한 - 도움

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

희망을!

출처

2016-10-31 16:38:54

아주 친한 친구. 기본적으로 다른 하나가 활성화 될 때까지 계속 열어두기 위해 드롭 다운이 필요하며 클릭을 해제하십시오 ... 나는 이해가 되길 바랍니다! – GreggMoore

사용자가 모든 드롭 다운 메뉴를 닫으려면 어떻게해야합니까? 그냥 의심의 여지가 .. –

어쨌든, 여기에 당신이 물었습니다 - http://codepen.io/saeedsalam/pen/ameoXr –

바깥 쪽 클릭시 부트 스트랩 유지 메뉴가 열려 있음

답변

관련 문제