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/