hoverIntent + 닫기 버튼 (제한 시간 문제?) 나는 쇼핑 가방 (#bagContainer)와 hoverIntent을 사용하고

Question

, 모든 것이 OK 작동합니다.

function bagOver(){ 
    $(this).find("#bagContainer").stop().fadeTo('fast', 1).show(); 
} 
function bagOut(){ 
    $(this).find("#bagContainer").stop().fadeTo('fast', 0, function() { 
     $(this).hide(); 
    }); 
} 
var bagHoverConfig = { 
    over: bagOver, 
    bagTimeout: 3000, 
    out: bagOut 
}; 
$("#userBox .row:nth-child(2)").hoverIntent(bagHoverConfig); 

는하지만 가방 내부에 "추가"닫기 버튼 (#bagCollapser)를 추가 할 필요가, 뭔가 같은 :

$("#bagCollapser").click(function() { 
    $('#bagContainer').hide(); 
}); 

그것은 #bagContainer을 닫습니다하지만 hoverIntent와 충돌이 보인다 :

1. 버튼 가방을 숨기고 있지만, 가방이 버튼을 통해 폐쇄 된 경우 그리고, bagTimeout 후 hoverIntent 다시
2. 을 숨긴다 hoverIntent의 시간 초과/지연이 지날 때까지 다시 표시 할 수 없습니다.

아이디어가 있으십니까?

미리 감사드립니다.

Answer 1

저도 같은 문제가있어, 나는 megamenu을 표시 hoverIntent을 사용하고 있습니다.

$("#closebutton").click(function() { 
    $('#megasubmenu').hide(); 
    $('#megasubmenu').closest('li.level0').find('a.level0').removeClass("megahover"); 
}); 

...

닫기 버튼을 눌러 하위 메뉴를 닫지 만 곧이 같은 마우스가 하위 메뉴가 다시 이동하기 때문에 hoverIntent 기능이 아직 실행 : 이 megamenu 내부 나는 닫기 버튼을 만들었습니다