jQuery 动画留下不必要的样式答案

【问题标题】：jQuery Animation Leaves Unnecessary StylesjQuery 动画留下不必要的样式
【发布时间】：2009-02-07 07:03:13
【问题描述】：

当我运行以下 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', '');

到链的末端，但这不起作用。还有其他想法吗？

【问题讨论】：

请详细说明它是如何影响您的 CSS 样式的。

标签： jquery

【解决方案1】：

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

显然 addClass 方法可能需要一段时间。为您的动画制作课程并尝试一下。如果需要，您应该可以删除类。

【讨论】：

【解决方案2】：

对于你想做的事情，我认为使用 jquery UI 和脉动/突出效果更合适:)

【讨论】：

【解决方案3】：

正如 Stuard 所说，使用类似乎是个好主意。

但如果你想按你说的做：（当然是个坏主意......）

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

【讨论】：