2016-03-21 3 views
1

jQueryのCSSの変更を遅らせる方法はありますか?このコードを使用して遅れてCSSを変更する

は、私が次々に要素をフェードインするために管理:

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

しかし、このいずれかを使用して、CSSの効果はすべて同じ時に適用されます:

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

どのようにすることができます不透明度が次々に1に設定されるように、それらを遅延させますか?

答えて

3

はこのようにそれを使用してください(私はCSSとjQueryは同じように動作しません知っている):

$(".crea-card").each(function(index) { 
    .delay(800) 
    .queue(function (next) { 
    $(this).css('opacity', 1); 
    $(this).css('transform', 'translate(0,0)'); 
    next(); 
    }); 
関連する問題