動畫代碼不起作用

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.Color」 插件：

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

Answer 3

正如有人說，jQuery的.animate()默認情況下不會做色彩的動畫。使其工作的另一個選項是包括jQuery UI，其中（其中包括）「升級」默認的.animate()方法（如此處所示：http://jsfiddle.net/nnnnnn/WFVby/3/）。