jquery - (jquery-ui) 设置 CSS 颜色的元素上的 toggleClass 颜色转换

Question

我正在尝试使用 jquery-ui toggleClass(带有持续时间)将带有颜色的类添加到已经在 CSS 中明确设置其颜色的元素。

除非我在将 切换到 的类中将颜色标记为“!重要”，否则一旦转换完成，此颜色就不会保留。如果我确实将其设置为“!重要”，颜色会按预期在一个方向上淡化，但在另一个方向上不会顺利恢复。

我之前作为变通方法实现的一个解决方案是假设一个 2 色场景，并且只使用 jquery 的 animate 手动设置悬停事件的颜色，而不是使用 toggleClass。但是，我现在正尝试在应用此效果之前元素的起始颜色未知的情况下使用它。

如有任何关于如何实现双向平稳过渡的想法，我们将不胜感激。

请参阅此 jsfiddle:http://jsfiddle.net/BM6NT/

Answer 1

这将解决它 http://jsfiddle.net/BM6NT/7/

a.fancy, div.fancy {
    margin-left:5px;
    color:orange;
}