为什么动画和addClass行为有所不同？

Question

我有一个div其中最初颜色是绿色。

我不明白为什么他会立即**得到红色颜色**，

而动画是在队列罚款。

The queue is fine and by order，但的颜色改变立刻。

是不是他应该是后第二个动画？

动画优先级与addClass之间有区别吗？

$("div").show("slow").animate({left:'+=200'},2000).animate({top:'+=200'},2000).css('background-color','red'); 

Answer 1

的css方法并不穿上动画队列的变化，所以当你运行该代码后会立即改变。

可以使用queue方法把动画中的队列中的CSS变化：

$("div").show("slow") 
.animate({left:'+=200'},2000) 
.animate({top:'+=200'},2000) 
.queue(function(){ 
    $(this).css('background-color','red'); 
}); 

Answer 2

css不是排队功能。它立即执行。您可以选择之间：和

$("div").show("slow").animate({left:'+=200'},2000) 
.animate({top:'+=200'},2000, function(){ $(this).css('background-color','red'); }); 

$("div").show("slow").animate({left:'+=200'},2000).animate({top:'+=200'},2000) 
.queue(function(){ $(this).css('background-color','red'); }); 

Answer 3

$("div") 
    .animate({left:'+=200', top:'+=200', display: 'block'}, 2000, 
    function() { 
     $(this).css('background-color','red'); 
    } 
); 

原谅我的缩进。