Question

目前我的网站位于http://projects.jack-spence.com/mortune/index.html。但是，我想将卡片上的背景颜色（当它们被翻转时）改为随机颜色。

我正在使用

    <script>
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
    color += letters[Math.round(Math.random() * 15)];
}
return color;
}

$(function() {
$(".face,.back").each(function() {
    $(this).css("background-color", get_random_color());
});
});
</script>

此刻。但它不会更新多个类，因为我需要它来更新“.face.back”它似乎不起作用......我不知道我是否给出了足够的细节。但是，非常感谢任何帮助！

Answer 1

问题不在于脚本。事实是，在您调用它时，$是未知的。只需在您的网站上查看控制台：

Uncaught ReferenceError: $ is not defined

因为jquery.js的路径被破坏了（此路径中不存在jquery）。

Answer 2

这是我放在一起的东西。对我来说就像是一种魅力。

var rgb = [];

for (var i = 0;i < 3; i++) rgb[i] = Math.floor((Math.random()*255)+1);

$('.face').css('background-color','rgb('+rgb[0]+','+rgb[1]+','+rgb[2]+')');

Answer 3

$(function() {
$(".face,.back").each(function() {
$(this).css("background-color", get_random_color());
});
});

过于复杂

为什么不使用：

$(".face,.back").css("background-color", get_random_color());

如果要在用户尝试执行某些操作而不是每次加载页面时执行此操作，也必须将其包装在可调用函数中。

使用随机背景颜色更新多个类

3 个答案: