Question

我有这个动画。将div移到左侧后，我想添加类＆＃34;拉直＆＃34;但它会立即被添加，所以从未见过过渡。

移动完成后是否可以添加课程？

$('li.current .imageblock').css({
    left: '-300px'
}).animate({
    left: '60%'
}, {
    duration: 500
}).addClass("straighten").delay(3500).animate({
    left: '100%'
}, {
    duration: 500
})

http://www.tomatedesign.com/stothers/

的工作示例

Answer 1

您应该使用.animate（）

的“完整”选项

$('li.current .imageblock').css({left:'-300px'}).animate({left:'60%'},{duration:500,complete:function(){

    $(this).addClass("straighten").delay(3500).animate({left:'100%'},{duration:500 });

    } 
});

Answer 2

与Victor的答案类似，但这会在第一个动画的回调中添加该类，所以在第一个动画完成之前我不会被调用。

$('li.current .imageblock').css({left: '-300px'}).animate({left: '60%'}, 
{duration: 500}, function() {
    $(this).addClass("straighten").delay(3500).animate({left: '100%'}, 
    {duration: 500});
});

在应用样式之前查询，完成动画

2 个答案: