메가 드롭 다운 메뉴가 깜박임

Question

온라인에서 발견 한 메가 드롭 다운 메뉴에 문제가 있습니다. 그것은 내 목적에 완벽하지만 때로는 이상하게 작동하며 깜박 거리며 깜박 거리는 문제가 있습니다. 내가 찾은 링크는 여기에 있습니다 : http://bootsnipp.com/snippets/featured/mega-menu-slide-down-on-hover-with-carousel. 작성자는 이미이 문제를 알고 있지만 기본적으로 숨김 상태 인 경우 모바일에서 정상적으로 작동 할 수 있습니다. 바탕 화면 버전에서 나는 정말로 좋은 생각이라고 생각하고 내가 구축 한 웹 사이트에서 사용하고 있습니다 : http://napoleon.larchedigitalmedia.com/.

문제 나 문제가 JQuery와에 여기에 있다고 전 flirking 내가 추측에게로 : 그것은 부트 스트랩 문제가 (부트 스트랩 사용 대부분 온 클릭 이벤트의 경우

$(".dropdown").hover(   
    function() { 
     $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400"); 
     $(this).toggleClass('open');   
    }, 
    function() { 
     $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400"); 
     $(this).toggleClass('open');  
    }); 

이해가 안 메가 드롭 다운 메뉴의 경우) 또는 문제가이 스 니펫에 있습니다. 본질적으로 클래스 열기는 div에 너무 빠르게 추가되고 (토글) 때때로 같은 diva에 적용됩니다. 누구든지이 문제를 해결하는 데 도움이 될 수 있습니까?

Answer 1

프로젝트에서 애니메이션은 끝내야 할 시간이 없으며 JS는 동시에 둘 다에 애니메이션을 적용하려고합니다. 방금 코드를 약간 변경하고 깜박임을 멈 춥니 다. 다만 stop() 두번째 파라미터를 변경하여

$(".dropdown").hover(   
function() { 
    $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,false).slideDown("400"); 
    $(this).toggleClass('open');   
}, 
function() { 
    $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,false).slideUp("400"); 
    $(this).toggleClass('open');  
}); 

는 애니메이션 자체를 행한다. 자세한 정보가 필요하면 항상 Jquery documentation이 있어야합니다.