爲什麼動畫和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'); 
    } 
); 

原諒我的縮進。