Как добавить паузу между каждой итерацией jQuery.each()? ⇐ Jquery

[Anonymous]

Я получаю массив объектов 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 каждого объекта?

Подробнее здесь: https://stackoverflow.com/questions/520 ... query-each