hover()를 사용하여 내 jQuery 슬라이드 아래로 메뉴

Question

hover() (잘 hoverIntent 플러그인 ...하지만 같은 차이가 있음)를 사용하는 HTML 링크를 사용하여 div에 슬라이딩을 발생시킵니다 (CSS 상위 속성).

마우스가 하이퍼 링크를 벗어나 메뉴 링크가 포함 된 div로 이동하면 즉시 mouseleave 이벤트가 트리거되고 메뉴가 사라진다는 점을 제외하면이 모든 기능이 완벽하게 작동합니다.

분명히, 나는이 "버그"를 알아 차리기 전에 그것을 끝없이 조정 한 후 어리 석음을 느꼈다.

문제는 : 내가 원하는 효과를 얻을 수있는 방법을 찾아 내지 못합니다. http://clifgriffin.com/blockade

어떻게, 전문가 오, 내가 할 노력하고있어 달성 할 것 : 여기

내 작품에 대한 링크입니까?

나는 마우스 입력과 마우스 놓기 기능을 분리하려고 시도했다 ... 링크에 전자를 추가하고 div에 후자를 추가했지만, 이것은 올바르게 작동하지 않는다. 그리고 내가 그 특질을 해결했다하더라도, 그것은 wouldn 링크를 가리킨 다음 위로 이동하면 마우스가 제대로 움직이지 않게됩니다.

기본적으로 링크에서 마우스로 메뉴를 이동해도 mouseleave가 실행되지 않으면 괜찮습니다.

각 메뉴에 대해 부울을 설정하고 메뉴를 둘러싼 모든 요소에 일련의 이벤트를 설정하여 특정 동작을 트리거하고 싶지는 않습니다. 이것은 그것보다 간단해야합니다.

아이디어가 있으십니까? 사전에

감사합니다, Clif

Answer 1

이 시도 :

var accoIn = function(){ 
topSlideIn($("#top_menu_slideout .aco")); 
$("#top_menu_links .accommodations").unbind("mouseover");  
}; 

$("#top_menu_links .accommodations").hoverIntent(accoIn,function(){}); 

$("#top_menu_slideout .aco").hoverIntent(function(){},function(){ 
topSlideOut($("#top_menu_slideout .aco"));  
$("#top_menu_links .accommodations").hoverIntent(accoIn,function(){}); 
});