Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用随机背景色更新多个类_Javascript_Jquery_Css - Fatal编程技术网

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

Javascript 使用随机背景色更新多个类,javascript,jquery,css,Javascript,Jquery,Css,目前我有一个网站在。不过,我想将卡片上的背景色(翻转时)更改为随机颜色 我目前正在使用 <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

目前我有一个网站在。不过,我想将卡片上的背景色(翻转时)更改为随机颜色

我目前正在使用

    <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>

函数get_random_color(){
变量字母='0123456789ABCDEF'。拆分('');
var color='#';
对于(变量i=0;i<6;i++){
颜色+=字母[Math.round(Math.random()*15)];
}
返回颜色;
}
$(函数(){
$(“.face,.back”).each(函数(){
$(this.css(“背景色”,get_random_color());
});
});

现在。但它不会更新多个类,因为我需要它来更新“.face.back”,而且它似乎不起作用。。。我不知道我是否给出了足够的细节。但任何帮助都将不胜感激

以下是我的总结。对我来说很有魅力

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]+')');
var rgb=[];
对于(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]+'));

问题不在于脚本。事实上,美元在你叫它的时候是未知的。只需查看您网站上的console:

Uncaught ReferenceError: $ is not defined
因为jquery.js的路径已断开(此路径上不存在jquery)

太复杂了

为什么不直接使用:

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

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

您的随机生成器有偏差。使用
返回“#”+(“00000”+Math.floor(Math.random()*(1Typo?在
$(“.face.back”)中有一个逗号)
@Armin这真的没有什么区别你说的“它似乎不工作”是什么意思?你是说颜色生成器不工作还是选择器不工作?你的生成器工作得很好:这给了它们相同的背景颜色,这可能是无意的。但是你可以将回调函数传递给
.css
()生活中的小事情通常都是起作用的:)那
+1
在那里做什么?给你一个介于1和255之间的数字,而不是0-254。是的。但是为什么
0
会是无效的颜色值呢?不是。哈哈。我很久以前就写了那篇文章,后来才花时间去理解它,从未更改过。你抓住我了!
$(".face,.back").css("background-color", get_random_color());