Javascript 回路中延迟时,FadeIn停止工作

Javascript 回路中延迟时,FadeIn停止工作,javascript,jquery,delay,fadein,Javascript,Jquery,Delay,Fadein,我想在此添加.delay(),这样每个项目都会一个接一个地设置动画。问题是,如果我将delay()添加到元素中,fadeIn将停止工作 工作代码(但不得延迟…) time=500; 对于(var i=1;i您的答案: $('<tr><td><h3>Hello</h3></td><td>'+i+'</td</tr>') .hide() .appendTo('#table') .delay(delay2) .f

我想在此添加.delay(),这样每个项目都会一个接一个地设置动画。问题是,如果我将delay()添加到元素中,fadeIn将停止工作

工作代码(但不得延迟…)

time=500;
对于(var i=1;i您的答案:

$('<tr><td><h3>Hello</h3></td><td>'+i+'</td</tr>')
.hide()
.appendTo('#table')
.delay(delay2)
.fadeIn("slow")
.queue(function() { $(this).css('display', 'table-row'); });
$('Hello'+i+'您的答案:

$('<tr><td><h3>Hello</h3></td><td>'+i+'</td</tr>')
.hide()
.appendTo('#table')
.delay(delay2)
.fadeIn("slow")
.queue(function() { $(this).css('display', 'table-row'); });
$('Hello'+i+'试试这个:

$('<tr><td><h3>Hello</h3></td><td>'+i+'</td</tr>')
.appendTo('#table')
.hide()
.delay(delay2)
.show('slow');
$('Hello'+i+'试试这个:

$('<tr><td><h3>Hello</h3></td><td>'+i+'</td</tr>')
.appendTo('#table')
.hide()
.delay(delay2)
.show('slow');
$('Hello'+i+'即使这样也可以:

time=500;
对于(var i=1;i而言,即使这样也可以:

time=500;

对于(var i=1;i“+i+”“+i+”,谢谢,它可以正常工作,但现在CSS更改是在淡入后进行的,这样您就可以注意到它是如何从CSS显示:块(由fadeIn效果添加)变为显示:表行的。有什么办法解决这个问题吗?看起来很糟糕。您(悲伤地)必须有一个内联、内联块或块的容器才能使用不透明属性。表行不能以任何其他方式褪色:-(该输入错误隐藏得非常非常好。但是,他的代码没有“修复”chrome上的问题。谢谢,它可以工作,但现在CSS更改是在淡入后进行的,这样你可以注意到它是如何从CSS显示:块(由fadeIn效果添加)变为显示:表行的。有什么办法解决这个问题吗?看起来很糟糕。你(很遗憾)必须有一个内联、内联块或块的容器才能使用不透明属性。表行不能以任何其他方式褪色:-(该输入错误隐藏得非常非常好。但是,他的代码没有“修复”chrome上的问题。你的也是正确的,所以我本可以完美地接受你的,但是另一个用户付出了更多的努力,做了一把小提琴,所以我不得不把它交给him@Tebb我已经根据您的要求制作了一个版本(我注意到其他版本仍然是不完整的解决方案)。看看上面的小提琴。效果非常好。^^。我还使用
.addClass(“dontshow”)
而不是
.hide()
.dontshow{display:none;}使它工作起来
你的也是正确的,所以我本可以完美地接受你的,但另一位用户付出了更多的努力,做了一把小提琴,所以我不得不把它交给him@Tebb我已经根据您的要求制作了一个版本(我注意到其他版本仍然是不完整的解决方案)。看看上面的提琴。效果很好。^^。我还使用了
.addClass(“dontshow”)
而不是
。hide()
.dontshow{display:none;}
这是最好的解决方案,因为它还修复了display:table行。这不会正确显示行(至少在Firefox中是这样).tr
s是用
display:block
呈现的。啊,你说得对,这很奇怪,但在他的小提琴中看起来不错。这是最好的解决方案,因为它还修复了display:table行。这无法正确显示行(至少在Firefox中).tr
s是用
display:block
呈现的。啊,你说得对,这很奇怪,但在他的小提琴中看起来不错。
time = 500;

for (var i=1;i<=5;i++){

delay2 = (i * time);
    $('<tr><td><h3>Hello</h3></td><td>'+i+'</td></tr>').hide().appendTo('#table').delay(delay2).fadeIn("slow").queue();
                                               ^-------missed this
};​