jQuery的動畫葉不必要的樣式

Question

當我運行下面的jQuery的動畫序列：

$('#task').animate({ backgroundColor: fadeColor }, 50) 
      .animate({ opacity: 1.0 }, 1000) 
      .animate({ backgroundColor: originalBG }, 1000); 

它留下不必要的風格上

<tr id="task29" onclick="TaskEdit('29');" style="background-color: rgb(255, 255, 255); opacity: 1;"> 

這些樣式與那些搞亂我的錶行，當完成（如下圖）在我的CSS文件中定義（特別是一些懸停樣式）。有沒有人有刪除它們的建議。我正在使用jQuery 1.3.1。我嘗試添加一個

.attr('style', ''); 

到鏈的末尾，但沒有奏效。任何其他想法？

Answer 1

因爲我覺得你想要做的是更適合使用jQuery UI的搏動和/高亮效果:)

Answer 2

http://docs.jquery.com/UI/Effects/addClass

顯然，addClass方法可以採取的持續時間。爲您的動畫製作類並嘗試一下。如果需要，您應該可以刪除類別。

Answer 3

像Stuard一樣說，使用類似乎是個好主意。

但是，如果你想要做你所說的：（當然是一個壞主意...）

$('#task').animate({ backgroundColor: fadeColor }, 50) 
     .animate({ opacity: 1.0 }, 1000) 
     .animate({ backgroundColor: originalBG }, 1000, function(){ 
     $(this).removeAttr('style'); 
     });