javascript - 为什么我的 jQuery 不能随着动画的变化而改变 div 的背景颜色？

Question

文档准备好后，我会触发此代码：

$(".contact input[type='submit']").click(function() {
    $(".contact").animate({"background":"#55bf31"}, 1000);
});

head我的 HTML 文档中有以下代码：

        <script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

是什么阻止此代码触发？这就是我的 CSS（好吧，SASS）为我的背景设置的方式：

.contact {
    @include background(linear-gradient(#3e72ab, #39699d));
    color: #fff;
    display: none;
    height: 500px;

Answer 1

Use this:

$(".contact").animate({"backgroundColor":"#55bf31"}, 1000);

Or:

$(".contact").animate({"background-color":"#55bf31"}, 1000);

Live demo: http://jsfiddle.net/xdytA/