javascript - jQuery改变Div的颜色

Question

我的 Javascript/jQuery 有点生疏，所以这可能很明显，但是，我有一个 div 并希望它在单击时改变颜色，我可以使用

$(".MyClass").on("click", function()
{
    $(this).css("background", "#0077af");
});

我现在尝试将它合并到一个 boolean if 语句中，这样如果单击它会改变颜色，然后如果再次单击它会变回原来的颜色，依此类推，但是现在它什么都不做。

<script>
boolean clicked = false;
$(".League").on("click", function()
{
  if(clicked == false)
  {
     $(this).css("background", "#0077af");
     clicked = true;
  }
  else
  {
    $(this).css("background", "#00aeff");
    clicked = false;
  }
});
</script>

我对 Java 的了解比 Javascript 强，对 jQuery 的了解非常有限，所以请不要太复杂:)

Answer 1

改变你的变量初始化语句

boolean clicked = false;

到

var clicked = false;

并且最好使用 "backround-color" 而不是 "background"