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已调用<script src="jQueryUI.js"></script>。

此外，我在本地项目目录div's

中引用了jQueryUI的脚本

我怀疑它可能与{{1}} css属性重写有关，但不太确定从何处开始。

以下是显示问题的JSFiddle

Answer 1

您需要使用backgroundColor而不是颜色才能更改框背景。我也加载了来自CDN的jquery和jquery UI脚本，而不是本地。

    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

中找到它

div颜色不会改变.animate（）

1 个答案: