jQuery stop無法正常工作

Question

$(document).ready(function(){ 
    $(".main_img_1").hover(function(){ 
     $(this).stop().css({"background-size": '110% 110%'}, 200); 
     $(".mainimgover").stop().animate({backgroundPositionY: '+=468px'}, 400); 
     $(".mainimgover2").stop().animate({backgroundPositionY: '+=468px'}, 500); 
    }).mouseout(function(){ 
     $(this).stop().css({"background-size": '100% 100%'}, 200); 
     $(".mainimgover").stop().animate({backgroundPositionY: '-=468px'}, 400); 
     $(".mainimgover2").stop().animate({backgroundPositionY: '-=468px'}, 500); 
    }); 
}); 

我試過stop(true),stop(true,true)但沒有結果。當您在動畫結束前懸停並離開時，下一個動畫將被擰緊。

Answer 1

如果在動畫中添加一些延遲以避免閃爍問題該怎麼辦。

http://api.jquery.com/delay/