单击时将背景更改为随机颜色-Javascript/jQuery

每次单击导航栏链接时，我都会尝试将身体的背景颜色更改为随机颜色

我这样做是为了在第一次点击一个链接时随机改变颜色，但是当点击一个不同的链接时，没有任何改变

有什么建议吗

HTML:

---

因为您只生成一个随机数并继续使用它，请将其移动到click方法内部。

因为您只生成一个随机数并继续使用它，请将其移动到click方法内部。

因为您只生成一个随机数并继续使用它，将其移动到click方法内部。

因为您只生成一个随机数并继续使用它，所以将其移动到click方法内部。

在每次单击中，您需要找到一个新的随机颜色，在您的情况下，

randColor

变量在dom就绪时只更新一次，在click句柄中，始终使用相同的值

$（函数（）{
变量颜色=[“红色”、“蓝色”、“绿色”、“灰色”]，
颜色
$（'.nav a'）。单击（函数（）{
色变；
做{
randColor=colors[Math.floor（Math.random（）*colors.length）]；
}while（color==randColor）；
$（'body'）.css（'background-color'，randColor）；
颜色=蓝色；
});
});







在每次单击中，您都需要找到一个新的随机颜色，在您的情况下，
randColor
变量只在dom就绪时更新一次，在单击句柄中，始终使用相同的值


$（函数（）{
变量颜色=[“红色”、“蓝色”、“绿色”、“灰色”]，
颜色
$（'.nav a'）。单击（函数（）{
色变；
做{
randColor=colors[Math.floor（Math.random（）*colors.length）]；
}while（color==randColor）；
$（'body'）.css（'background-color'，randColor）；
颜色=蓝色；
});
});







在每次单击中，您都需要找到一个新的随机颜色，在您的情况下，
randColor
变量只在dom就绪时更新一次，在单击句柄中，始终使用相同的值


$（函数（）{
变量颜色=[“红色”、“蓝色”、“绿色”、“灰色”]，
颜色
$（'.nav a'）。单击（函数（）{
色变；
做{
randColor=colors[Math.floor（Math.random（）*colors.length）]；
}while（color==randColor）；
$（'body'）.css（'background-color'，randColor）；
颜色=蓝色；
});
});







在每次单击中，您都需要找到一个新的随机颜色，在您的情况下，
randColor
变量只在dom就绪时更新一次，在单击句柄中，始终使用相同的值


$（函数（）{
变量颜色=[“红色”、“蓝色”、“绿色”、“灰色”]，
颜色
$（'.nav a'）。单击（函数（）{
色变；
做{
randColor=colors[Math.floor（Math.random（）*colors.length）]；
}while（color==randColor）；
$（'body'）.css（'background-color'，randColor）；
颜色=蓝色；
});
});







您的HTML结构无效。它应该是
..
，而不是
..
。并卸下
内的
s和
s只能将
s作为子元素。基于您的函数，我这样做的HTML结构无效。它应该是
..
，而不是
..
。并卸下
内的
s和
s只能将
s作为子元素。基于您的函数，我这样做的HTML结构无效。它应该是
..
，而不是
..
。并卸下
内的
s和
s只能将
s作为子元素。基于您的函数，我这样做的HTML结构无效。它应该是
..
，而不是
..
。并卸下
内的
s和
s只能将
s作为子元素。基于您的函数，我制作了此
    <div class="nav">
      <ul id="show">
        <li id="link1"><a href="#portfolio">Portfolio</li></a>
        <li id="link2"><a href="#about">About</li></a>
        <li id="link3"><a href="#email">Contact</li></a>
        <hr/>
      </ul>
    </div>

$(function() {

     var colors = ['red', 'blue', 'green', 'grey'];

     var randColor = colors[Math.floor(Math.random()*colors.length)];

     $('.nav a').click(function() {
         $('body').css('background-color', randColor);
     });
});