jquery - 如何在 jQuery .each() 的每次迭代之间添加暂停？

Question

我正在获取一个 jQuery 对象数组，然后通过 .each() 修改数组中的每个单独的 jquery。

在这种情况下，我更新了类名以触发 -webkit-transition-property 以利用 css 转换。

我希望在每个 css 转换开始之前有一个暂停。我正在使用以下内容，但每次更新之间没有延迟。相反，它们似乎都在同时更新。

function positionCards() {
  $cards = $('#gameboard .card');
  $cards.each(function() {
      setTimeout( function(){ addPositioningClass($(this)); }, 500 )
  });
}

function addPositioningClasses($card){
  $card
    .addClass('position')
}

我希望 setTimeout 能解决这个问题，但它似乎不起作用。有没有办法在每个对象的每个类名更新之前完成暂停？

Answer 1

我将其添加为评论，但现在我已正确阅读并回答了我自己的问题，这可能会奏效:

function positionCards() {
  var $cards = $('#gameboard .card');

  var time = 500;

  $cards.each(function() {
      setTimeout( function(){ addPositioningClass($(this)); }, time)
      time += 500;
  });
}