我正在获取一个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名称更新之前实现暂停?