Wie füge ich zwischen jeder Iteration von JQuery () eine Pause hinzu? ⇐ Jquery

[Anonymous]

Ich greife ein Array von JQuery-Objekten und dann über .ach (), um jede einzelne jQuery im Array zu ändern. < /p>

Ich möchte, dass es vor jedem CSS -Übergang eine Pause gibt. Ich verwende Folgendes, aber zwischen jedem Update gibt es keine Verzögerung. Stattdessen scheinen sie alle gleichzeitig zu aktualisieren. < /p>

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

function addPositioningClasses($card){
$card
.addClass('position')
}
< /code>

Ich hatte gehofft, dass SetTimeout dies lösen würde, aber es scheint nicht zu funktionieren. Gibt es eine Möglichkeit, die Pause vor jedem Klassennamen -Update jedes Objekts durchzuführen?