jquery animate:改变span颜色不起作用

Question

我有一个班级:cash_warn.我想用jquery动画更改span的颜色,但它不起作用.

我现在拥有的:

$('.cash_warn').animate({ color: "#ff8484" }, 500);

另一方面,这确实可以正常工作,但它没有动画:

$('.cash_warn').css('color',"#ff8484");

HTML:

<div class=" friends-shadow detailreward3 detailreward"  style="position:absolute;
 height:71px;  width:238px; left: 453px; top: 40px; padding:20px; z-index:99; font:
 bold 11px Helvetica, Arial, sans-serif;">

<span style=" color:#fff" class="cash_warn">
text
</span>

<br /> <br />

 more text
</div>

什么出了什么问题？

Answer 1

除非使用jQuery color插件,否则无法为颜色设置动画.(GitHub)

除非如下所述,否则应将所有动画属性设置为单个数值.大多数非数字属性无法使用基本jQuery功能进行动画处理(例如,宽度,高度或左边可以设置动画,但背景颜色不能,除非使用jQuery.Color()插件).除非另有说明,否则属性值被视为多个像素.

资源

注意:jQuery UI项目通过允许对颜色等非数字样式进行动画处理来扩展.animate()方法.该项目还包括通过CSS类而不是单个属性指定动画的机制.