格顏色.animate（）不改變

Question

我試圖改變div的顏色隨機每個鼠標點擊，但它不是鮑勃迪倫顏色：

div.on('mousedown', function() { 
    var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6); 
    points += 1; 
    div.animate({color: newColor}, 2000); 
    $('#total-points').text(points); 
}); 

經過調試我可以證實，newColour已定animate()已在div上調用。

我也有在本地項目目錄中標註其腳本jQueryUI的<script src="jQueryUI.js"></script>

我懷疑它或許真的與div's CSS屬性壓倒一切，但也不太清楚從這裏到去做。

這是一個顯示問題

Answer 1

你需要使用的backgroundColor而不是顏色，以更改框背景JSFiddle。我也加載jQuery和jQuery的UI腳本從CDN，而不是本地。

div.on('mousedown', function() { 
    var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6); 
    points += 1; 
    div.animate({backgroundColor: newColor}, 2000); 
    $('#total-points').text(points); 
}); 

我分叉你的JSFiddle腳本並創建一個新的。你可以在here