2016-03-21 18 views
1

jQuery'de CSS'deki bir değişikliği geciktirmenin bir yolu var mı? Bu kodu kullanarakCss ile gecikmeyi değiştirme

, ben birbiri ardına birinde unsurları solmaya yönetmek:

$(".crea-card").each(function(index) { 
    $(this).delay(400*index).fadeIn(300); 
}); 

Ama bu birini kullanarak, CSS etkileri hepsi aynı anda uygulanır:

$(".crea-card").each(function(index) { 
     $(this).delay(400*index).css('opacity', 1); 
     $(this).delay(400*index).css('transform', 'translate(0,0)'); 
}); 

Nasıl Onları geciktiririm böylece opaklık birbiri ardına 1'e ayarlanır.

cevap

3

böyle kullanın (CSS ve jQuery aynı davranmaz biliyorum):

$(".crea-card").each(function(index) { 
    .delay(800) 
    .queue(function (next) { 
    $(this).css('opacity', 1); 
    $(this).css('transform', 'translate(0,0)'); 
    next(); 
    }); 
İlgili konular