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

就像Stuard所说，使用课程似乎是一个好主意。

但如果你想做你说的话:(当然是个坏主意......）

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

Answer 3

对于你想做的事情，我认为更适合使用jquery UI和脉动/高亮效果：）

jQuery动画留下了不必要的风格

3 个答案: