jQuery-Animation hinterlässt unnötige Stile

Question

Wenn ich die folgende jQuery-Animationssequenz ausführe:

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

Es hinterlässt nicht benötigte Formatvorlagen in meiner Tabellenzeile, wenn ich fertig bin (unten)

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

Diese Stile stören die in meiner CSS-Datei definierten Stile (insbesondere einige Hover-Stile). Hat jemand eine Empfehlung zum Entfernen von ihnen. Ich bin mit jQuery 1.3.1. Ich habe versucht, das Hinzufügen einer

.attr('style', ''); 

am Ende der Kette befestigt, aber das hat nicht funktioniert. Irgendwelche anderen Ideen?

Answer 1

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

Offenbar kann die Methode addClass eine Dauer annehmen. Erstellen Sie Klassen für Ihre Animationen und probieren Sie dies aus. Sie sollten in der Lage sein, removeClass, wenn nötig.

Answer 2

Wie Stuard sagte, scheint es eine gute Idee zu sein, die Klasse zu nutzen.

Aber wenn Sie tun wollen, was Sie gesagt haben: (sicherlich eine schlechte Idee...)

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

Answer 3

Für das, was Sie tun wollen, ich denke, ist besser geeignet, um Jquery UI und pulsieren/Highlight-Effekt verwenden:)