jQuery를 빠르게

Question

가능한 중복 완료 할 경우에도 fadeIn/페이드 아웃 스위치 :
jQuery: interrupting fadeIn()/fadeOut()

jQuery를 페이드 효과가 정말 매끄럽다을, 내가 본 하나의 문제가있다 : 항목 위로 마우스를 가져 가면 페이드 인되어 항목 밖으로 빠르게 이동하여 페이드 아웃을 활성화하면 fadeOut 효과는 fadeIn이 완료 될 때까지 기다립니다. 이는 이상하게 보일 수 있습니다.

fadeIn 효과는 일단 hover out을 활성화하면 어떤 값으로 멈추어도 fadeOut이 즉시 종료 될 수 있습니까?

여기 내 코드의

$(document).ready(function() { 

$("#menu").hover(
    function() { 
    $("#fade").fadeIn(300); 
    }, 
    function() { 
    $("#fade").fadeOut(300); 
    } 
); 


}); 

Answer 1

는 새로운 하나를 시작하기 전에 현재 애니메이션을 중지 jQuery를주기 :

이

$("#menu").hover(
    function() { 
    $("#fade").stop().fadeIn(300); 
    }, 
    function() { 
    $("#fade").stop().fadeOut(300); 
    } 
); 

Answer 2

단지 fadeIn 전에 stop를 추가합니다.

$("#fade").stop(true,true).fadeIn(300)