jQuery each()有一个延迟

Question

所以,我想要一个元素淡入并等待半秒钟,然后淡出下一个...

我的代码:

$('.comment').each(function() {                 
                    $(this).css({'opacity':0.0}).animate({
                        'opacity':1.0
                    }, 450).delay(500);
                });

我显然做了一件非常愚蠢的事......(我希望)......我的问题是:这甚至可能吗？如果没有 - 有人能指出我正确的方向吗？

感谢您!

Answer 1

或者,像这样:

$.each($('.comment'), function(i, el){

    $(el).css({'opacity':0});

    setTimeout(function(){
       $(el).animate({
        'opacity':1.0
       }, 450);
    },500 + ( i * 500 ));

});

demo => http://jsfiddle.net/steweb/9uS56/

Answer 2

尝试这样的事情

$(this).find('#results').children().each(function(index){
        $(this).delay(500 * index).slideDown(500);
})

Answer 3

试试这个:

var time = 500;
$('.comment').each(function() {                 
     var $this  = $(this);
    function delayed() {
         $this.css({'opacity':0.0}).animate({
                    'opacity':1.0
                }, 450);
     }
    setTimeout( delayed , time );
    time += 500;
 });