I want to add .delay() to this, so each item will animate one after the other. The problem is that if I add delay() to the element the fadeIn stops working.
Working code (but without delay...)
time = 500;
for (var i=1;i<=5;i++){
delay2 = (i * time);
$('
Hello
'+i+'').hide().appendTo('#table').fadeIn("slow").css('display', 'table-row');
// do more stuff here
};
[jsfiddle example](http://jsfiddle.net/pYYFM/4/)
FadeIn not working (as it has delay...)
time = 500;
for (var i=1;i<=5;i++){
delay2 = (i * time);
$('
Hello
'+i+'').hide().appendTo('#table').delay(delay2).fadeIn("slow").css('display', 'table-row');
// do more stuff here
};
[jsfiddle example](http://jsfiddle.net/u5dEp/2/)
Does anyone know what is the problem? In the second example it should animate the items one after te other, but that does not happen, they're not even animated. "+i+'')" see the missiing closing tag of td
以上就是FadeIn stops working when delayed in loop的详细内容，更多请关注web前端其它相关文章！
