FadeIn stops working when delayed in loop

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前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏