Javascript jQuery设置背景色动画而不是设置动画

HTML

jQuery

var animateThis = function() {

    console.log('run animateThis');

    $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500);

    $('#account-setup-guide').animate({
        background: 'white'
    }, 500);
}

animateThis();

---

不确定为什么这不起作用，我已经使用了上面两个

.animate

的例子，但在我当前的JSFIDLE测试中它不起作用：（

jQuery不支持颜色的动画，你必须包括支持它的插件，如

jQuery UI

或

jQuery color

：

---

（thx至kei）

添加jQuery UI:jQuery core不支持颜色动画，如果你不需要所有的UI插件，jQuery UI支持或jQuery颜色插件。顺便说一句，你可以使用CSS3转换啊，谢谢！你想把这个作为答案吗？我想我快疯了lol@kei已发布答案，现在已删除。我希望他将取消删除他的答案，以便您可以接受 instead@A.Wolff你还记得他有多少口碑吗？Stack7283上有14个Kei用户名Kei FYI，有超过10000个口碑，你仍然可以看到删除的答案；）谢谢，通常我用CSS制作背景动画，但这次我想用js来代替。。。

#account-setup-guide {
    position: relative;
    margin: 30px 30px 20px 20px;
    padding: 20px;
    width: auto;
    border: 5px solid orange;
    background: orange;
}

var animateThis = function() {

    console.log('run animateThis');

    $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500);

    $('#account-setup-guide').animate({
        background: 'white'
    }, 500);
}

animateThis();