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

标签 jquery css jquery-ui

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

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

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

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

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

最佳答案

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

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

关于jquery - (jquery-ui) 设置 CSS 颜色的元素上的 toggleClass 颜色转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12184733/

相关文章:

css - 为大量图像设置 Flex/AIR 元素结构?

css - 制作透明图像作为页脚

jquery - 使用 jquery 更新导航栏中的事件类

javascript - 使用 jQuery UI 拖放 : changing the dragged element on drop

javascript - 文本输入的自动完成识别输入的子字符串 - Javascript

javascript - jQuery - val 不刷新输入/UI slider 中的数据

javascript - 没有输入的 jQuery 日期选择器

jquery - 不在父元素内选择器

jquery - 简单的 jQuery 显示更多/更少的内容

javascript - 带有回调的多个版本的 jQuery