Question

很新的代码。在实现某些代码时，无法将我网站部分的背景颜色随机化，以便根据数组进行更改。找到了这段代码：

$(document).ready(function(){
  var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $(‘#u97’, ‘#u379’).css("background-color", colors[rand]);
});

＆＃34;＃u97，＃u379＆＃34;是我想改变背景颜色的div。我在标题中插入了一个＆＃34;脚本＆＃34;标签但没有任何反应。还有一个主要的CSS文件，div可以从中获取颜色，这可能会干扰某些东西吗？

Answer 1

试试这个：

$(document).ready(function(){
  var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('#u97').css("background-color", colors[rand]);
  $('#u379').css("background-color", colors[rand]);
});

Answer 2

$(document).ready(function(){
  var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];                
  var rand = function () {
    return Math.floor(Math.random()*colors.length);        
  };
  
  $("#u97, #u379").each(function () {
    $(this).css("background-color", colors[rand()]);
  });
});

div {height: 50px; width: 50px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="u97"></div><div id="u379"></div>

网站上阵列的随机颜色

2 个答案: