Jquery，防止排隊動畫

Question

我有一個div，它將淡入/淡出懸停在頁面上的另一個元素（並懸停在外）。麻煩的是，沒有什麼能夠阻止用戶真正快速地懸停並導致動畫排隊。

這裏是我的代碼：

<div class="hovertest">test</div> 

<div class="test">test2</div> 

的Jquery：

$("div.hovertest").hover(
     function() { 
     $(".test").fadeOut(); 
     }, 
     function() { 
     $(".test").fadeIn(); 
}); 

CSS：

div { 
    width:200px; 
    height:100px; 
    background-color:#B22; 
} 

這裏是一個鏈接到jsfidde：http://jsfiddle.net/btEXH/

Answer 1

你想用個e stop函數並將clearQueue和jumpToEnd傳遞爲true。

$("div.hovertest").hover(
    function() { 
    $(".test").stop(true, true).fadeOut(); 
    }, 
    function() { 
    $(".test").stop(true, true).fadeIn(); 
}); 

http://jsfiddle.net/infernalbadger/btEXH/1/