jQuery动画背景颜色不动画答案

【问题标题】：jQuery animate background color not animatingjQuery动画背景颜色不动画
【发布时间】：2014-01-10 16:09:04
【问题描述】：

HTML

<div id="account-setup-guide">
    <div id="account_tour_info">
        <ul>
            <li class="setup_complete"><strong>1</strong> Sync!</li>
        </ul>
    </div>
</div>

CSS

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

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 上面的两个示例，但它在我当前的 jsfiddle 测试中不起作用:(

【问题讨论】：

添加 jQuery UI：jsfiddle.net/98mD2/14 jQuery 核心不支持动画颜色，如果您不需要所有 UI 插件，则 jQuery UI 支持或 jquery 颜色插件。顺便说一句，你可以使用 CSS3 过渡
啊，谢谢伙计！您想将此作为答案发布吗？以为我快疯了，哈哈
@kei 已发布答案，现已删除。我希望他会取消删除他的答案，以便您可以接受它
@A.Wolff 你还记得他有多少代表吗？ 14 个 Kei 在堆栈中
7,283 个用户名 kei stackoverflow.com/users/747674/kei 仅供参考，超过 10000 个代表，您仍然可以看到已删除的答案 ;)

标签： javascript jquery animation jquery-animate

【解决方案1】：

jQuery 不支持颜色动画，你必须包含支持它的插件为jQuery UI 或jQuery color:

jQuery color

jsFiddle（感谢 kei）

【讨论】：

谢谢，通常我用 CSS 做背景动画，但这次我想我会用 js 来做这个......