Я захватываю массив объектов 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 для каждого объекта?