Jquery, ngăn chặn hoạt ảnh xếp hàng

Question

Tôi có một lệnh div làm mất đi một phần tử khác trên trang khi di chuột (và di chuột ra ngoài). Vấn đề là không có gì để ngăn chặn người sử dụng lơ lửng trên và ngoài thực sự nhanh chóng và gây ra các hình ảnh động để xếp hàng.

Dưới đây là mã của tôi:

<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; 
} 

Và đây là một liên kết đến jsfidde: http://jsfiddle.net/btEXH/

Answer 1

Bạn muốn sử dụng thứ e stop chức năng và chuyển giá trị true cho clearQueue và jumpToEnd.

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

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