.animate回到原始状态

Question

目前我正在使用此代码将动画恢复为原始状态

this.stop().animate(animateVal1, animateMs).delay(duration).animate(animateVal2, animateMs, function() {
    this.removeAttribute('style');
});

是否可以返回原始状态而不会淡化为第二种颜色animateVal2？ （我的意思是在动画到第一种颜色后我想用动画删除style属性。）

Answer 1

这是我从你的问题中理解的：

你有一个元素X，它处于状态A（由于CSS规则中的一些应用类）。

您希望使用B将其设置为状态jquery.animate()，但您希望将其恢复为原始状态A。但是，在animate函数可以执行时，您没有包含A的所有属性的Javascript对象。

为此，我建议您使用jQuery UI的switchClass函数。

this.stop().switchClass('classB', animateMs).delay(duration).switchClass('originalClass', animateMs);