gpt4 book ai didi

jquery - 生成随机颜色 jQuery 不添加 css

转载 作者:行者123 更新时间:2023-12-01 06:45:29 28 4
gpt4 key购买 nike

我正在尝试创建一个随机颜色选择器,我希望 div 的类颜色完全以随机生成的十六进制颜色着色。我尝试仅添加 1 个 block (有效),现在我尝试将其添加到 foreach .color 中,如下所示:

    $("#generateColors").click(function () {
$('.color').each(function () {
$.ajax({
url: '/Pastel/PastelRGB',
type: "Get",
success: function (data) {
$(this).css({
"background-color": data.hex
});
//$("#color1p").text(data.hex);
},
error: function (jqXHR, err) {
LogError(err);
}
});
});
});

我的 HTML 看起来像这样

<div><input type="button" id="generateColors"/></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>

CSS 不适用于 div..

我正在学习 HTML JS 和 CSS,所以任何帮助都会很棒!

你好,米克

最佳答案

这可以在客户端完成。执行 '#' +Math.random().toString(16).substring(2, 8) 往往效果很好。所以改变:

$(this).css({
"background-color": data.hex
});

致:

$(this).css({
"background-color": '#' + Math.random().toString(16).substring(2, 8)
});

Basic example

关于jquery - 生成随机颜色 jQuery 不添加 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30100972/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com