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

【问题标题】：Why isn't my jQuery for changing the background color of my div with animation changing?为什么我的 jQuery 不能随着动画的变化而改变 div 的背景颜色？
【发布时间】：2013-09-26 09:21:03
【问题描述】：

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

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

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

        <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;

【问题讨论】：

@mattcurtis：不过他已经包含了 jQuery UI……是完整版还是自定义？
@elclanrs 你说得对，很好。我的错。
我想知道它是不是本质上看起来像 submit 的唯一处理程序。
你能发布一个演示来重现这个问题吗？到目前为止，它看起来应该可以工作......
可能页面是自己提交的，如果input在表单元素里面，就阻止表单提交。

标签： javascript jquery css sass

【解决方案1】：

使用这个：

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

或者：

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

现场演示：http://jsfiddle.net/xdytA/

【讨论】：