javascript - 游戏重置按钮无法正常工作。不可点击的 div

Question

所以在我制作的这款游戏中，有一个重新洗牌的重新开始按钮，可以让事情重新开始。卡片重新洗牌和更换，但之后没有一张是可点击的。单击时添加类 cardClicked，并在超时功能后选择两个后将其删除。另外(不要把它堆起来)，但是关于如何在启动和重新启动时启动和重置计时器有什么好主意吗？谢谢。

Fiddle

  var cardsArray = [];
  $('.cardClicked').removeClass("cardClicked");
  var moves = [];
  $('.movesBlock').html('<p class="movesText">' + 'Moves: ' + moves.length + '</p>');
  $('.rating').html('Rating:' + starItem + starItem + starItem);
  for (i = 0; i < items.length; i++) {
    $('<div class="card"/>').html('<span class="cardText">' + items[i] + '</span>').appendTo('.board');
  };
  items = shuffle(items);

Answer 1

因为在 .restart click 上，您正在从 DOM 中删除 .card 这就是为什么 $('.card').click() 在 .restart 单击后不工作...

所以你需要使用 event delegation 在 .card 上点击赞

$(document).on('click','.card',function(){
  //do stuff here
}

而且您还在代码中编写了两次 $('.card').click()...不需要它。结合两者。

Updated Fiddle ▸