动画代码不起作用

Question

我有这个演示：

jsfiddle.net

$(document).ready(function(e) {        
    $(".footer-list li").mouseover(function() {
         $(this).animate({ backgroundColor: "#d31d4a" }, 1500);
        // $(this).css("background-color", "#d31d4a");
    });
});

动画代码不起作用，我不明白为什么!!

当我使用.css时，它没有任何问题。

谁能告诉我这是什么问题？

Answer 1

jQuery不会为开箱即用的颜色设置动画，因此您需要一个颜色动画插件，如this one。只需包含它，一切都应该有效。

演示：http://jsfiddle.net/WFVby/2/

Answer 2

正如其他人所说，jQuery的.animate()默认不会做彩色动画。使其工作的另一个选择是包括jQuery UI，其中（升级之外）“升级”默认的.animate()方法（如此处所示：http://jsfiddle.net/nnnnnn/WFVby/3/）。

Answer 3

您需要安装“jquery.Color”插件：

https://github.com/jquery/jquery-color