jquery + CSS 默认背景颜色

Question

我有一个 css 样式为绿色或蓝色的 div，具体取决于第 n 个子颜色。我使用

将它设置为橙色

<div id='yo' class='alternatingcolors' style='background-color: #FF9900;'>hello</div> 

我想使用 jquery 将它动画化回原来的颜色

$('yo').animate({ backgroundColor: 'transparent'}, 500);

但是，transparent、inherit、null 或 '' 都不起作用。

如何让它恢复原来的颜色？本质上我想把它动画到之前的状态:style='background-color: #FF9900;'已设置。

Answer 1

对“yo”的查找应该以哈希为前缀，例如:

$('#yo')

如果这不是问题:

您可以将原始颜色作为数据存储在 div 中，然后再恢复它:

<div id='yo' data-original-color='#FF9900' class='alternatingcolors'>

然后:

$('#yo').animate({ backgroundColor: $('#yo').data('original-color') }, 500);