jquery - 应用样式前查询、完成动画

Question

我有这个动画。将 div 移到左侧后，我想添加“拉直”类，但它会立即添加，因此永远不会看到过渡。

是否可以在移动完成后添加类？

$('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() 使用 'complete' 选项

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

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

    } 
});