jquery - jQuery 停止无法正常工作

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/