javascript - 撤消 javascript 动画

Question

我在某个窗格上使轮播的 div 更大。要放大窗格，我会这样做：

if(currentPane==2)
{
    $("#carousel").animate({height:320},1000);
    $("#carousel").animate({top:411},1000);
    $("#dropShadow").animate({top:731},1000);
}

这工作得很好。当离开此窗格时，我想再次将轮播恢复为较小的尺寸，我这样做：

if(currentPane==3)
{
    $("#dropShadow").animate({top:672},1000);
    $("#carousel").animate({top:411},1000);
    $("#carousel").animate({height:100},1000);
}

阴影返回到原来的位置，但旋转木马拒绝缩小尺寸。

对我来说，似乎我使用的是相同的代码，所以不明白为什么它不起作用。

Answer 1

您是否尝试过添加 .stop()？例如：只是一个想法，不是 100% 确定，制作 jsfiddle

if(currentPane==3)
{
    $("#dropShadow").stop(true).animate({top:672},1000);
    $("#carousel").stop(true).animate({top:411},1000);
    $("#carousel").stop(true).animate({height:100},1000);
}