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

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());

如果您想在用户尝试做某事而不是每次加载页面时都这样做，这也必须包含在可调用函数中。