jQuery为1个变量提供两个if语句，但仅对一个变量有效

让我试着解释一下我想要实现的目标。我想做一个记忆拼图，但我很难处理变量、if语句和返回

你能看一下我的例子，在方块上点击三四次吗。我想在变量==1时添加一些操作，在变量==2时添加一些其他操作。 但正如您所看到的，这将不起作用，因为它会在一次之后跳过警报1。。。 这是return（）的问题吗？我相信是这样，但我希望你能解释我如何解决这个问题，如果这与回报有关

HTML

<div id="container">
  <div class="coverup">
    <div class="hoverdiv"></div>
    <div class="image_A"></div>
  </div>
  <div class="coverup">
    <div class="hoverdiv"></div>
    <div class="image_B"></div>
  </div>
  <div class="coverup">
    <div class="hoverdiv"></div>
    <div class="image_A"></div>
  </div>
  <div class="coverup">
    <div class="hoverdiv"></div>
    <div class="image_B"></div>
  </div>
</div>

JS

var amountofclicks = 0;

$('.coverup').bind("click", function (event) {

  if (amountofclicks < 2) {
    $(this).find('.letter').show();
    amountofclicks++;

    if (amountofclicks == 2) {
      alert('2');
    }
    if (amountofclicks == 1) {
      alert('1');
    }
    $(this).children().show();


  } else {
    $('.coverup').children().hide();
    $(this).children().show();
    amountofclicks = 1;
    return;
  }


});

var amountofclicks=0；
$（'.coverup'）.bind（“单击”），函数（事件）{
if（amountofclicks<2）{
$（this.find（'.letter'）.show（）；
amountofclicks++；
if（amountofclicks==2）{
警报（“2”）；
}
如果（amountofclicks==1）{
警报（“1”）；
}
$（this.children（）.show（）；
}否则{
$（'.coverup'）.children（）.hide（）；
$（this.children（）.show（）；
amountofclicks=1；
返回；
}
});

您应该在末尾将

ammontofclicks

设置为零。还有更多的国际单项体育联合会比它所需要的。仅当磁贴不可见或

ammontofclicks

为零时，该函数才应运行，因此在该位置还有一个检查

var amountofclicks = 0;

$('.coverup').bind("click", function (event) {
  if (amountofclicks==0 || !$(this).children().is(":visible")) {
    amountofclicks++;
    if (amountofclicks == 1) {
      $('.coverup').children().hide();
    }
    $(this).find('.letter').show();
    $(this).children().show();
    alert(amountofclicks);
    if (amountofclicks == 2) {
      amountofclicks = 0;
    }
  }
});

如果条款

if (amountofclicks == 2) { ... }

if (amountofclicks < 2) { ... }

无法访问，因为它位于以下if子句中

if (amountofclicks == 2) { ... }

if (amountofclicks < 2) { ... }

if（amountofclicks<2）{…}

更详细的

var amountofclicks = 2;

if (amountofclicks < 2) {
    // go here if amountofclicks < 2
    if (amountofclicks == 1) {
        // go here if amountofclicks == 1
    }
    if (amountofclicks == 2) {
        // unreachable, because amountofclicks is always < 2
    }
} else {
    // go here if amountofclicks >= 2
}

var amountofclicks=2；
if（amountofclicks<2）{
//如果amountofclicks<2，请转到此处
如果（amountofclicks==1）{
//如果amountofclicks==1，则转到此处
}
if（amountofclicks==2）{
//无法访问，因为amounfclicks始终小于2
}
}否则{
//如果amountofclicks>=2，则转到此处
}

试试这个

var amountofclicks = 0;

$('.coverup').bind("click", function (event) {

  if (amountofclicks <= 2) {
    $(this).find('.letter').show();


    if (amountofclicks == 2) {
      alert('2');
    }
    if (amountofclicks == 1) {
      alert('1');
    }
    amountofclicks++;
    $(this).children().show();


  } else {
    $('.coverup').children().hide();
    $(this).children().show();
    amountofclicks = 1;
    return;
  }


});

var amountofclicks=0；
$（'.coverup'）.bind（“单击”），函数（事件）{
if（amountofclicks）