Jquery无法为backgroundColor属性设置动画

Question

我收到错误消息“错误：'start.0'为空或不是对象” 同时为元素的backgroundColor属性设置动画。

我添加了颜色插件，并能够为borderTopColor，颜色等设置动画。

Html部分：

<div id="divAnimation" style=""> hello </div>

Javascript部分：
$("#divAnimation").animate({ color: "red",
backgroundColor:"#123456",
borderTopColor:"black",
borderLeftColor:"green",
borderRightColor:"silver",
borderBottomColor:"yellow" }, "slow");

当我删除 backgroundColor：“＃123456”，时没有问题。

有什么想法吗？ 感谢...

Answer 1

在尝试为div的backgroundColor设置动画时，我遇到了同样的问题。

我得到了同样的错误：

  

Microsoft JScript运行时错误：'start.0'为null或不是对象

但这只发生在Internet Explorer（IE8）中。动画在Chrome 10和Firefox 4中运行良好。

最终我将问题跟踪为使用颜色名称来指定div的初始背景颜色。

style="background-color: chocolate"

我改为使用 RGB值来指定初始颜色：

style="background-color: rgb(128, 0, 0)"

这解决了这个问题。

附加信息：使用jquery-1.5.1和jquery-ui-1.8.11。

Answer 2

要做到这一点，你需要一个插件。我建议：http://plugins.jquery.com/project/color