jQuery Animation оставляет ненужные стили

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

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

Видимо, метод addClass может занять определенное время. Сделайте уроки для анимации и попробуйте. Вы должны быть в состоянии удалить Class, если это необходимо.

Answer 2

Для того, что вы хотите сделать, я думаю, что более уместно использовать jquery UI и пульсирующий эффект / эффект выделения:)

Answer 3

Как сказал Стюард, использование класса кажется хорошей идеей.

Но если вы хотите сделать то, что вы сказали: (конечно, плохая идея ...)

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