如何在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可以解决此问题，但似乎无法正常工作。有没有办法在每个对象的每个CLASS名称更新之前完成暂停？

Answer 1

不好意思，我想挖一个旧的线程，但是这个技巧可能对类似的问题很有用：$cards.each(function(index) {    $(this).delay(500*index).addClass('position');});