在添加到表格中时淡入表格行 [英] Fade in a table row when it's added to a table

问题描述

我有以下代码将新行添加到表的末尾:

I have the following code to add a new row to the end of a table:

$('.row-data:last').after('some HTML rows');

我想使用.fadeIn("slow")之类的东西，所以每一行在出现前都会淡入，但是我似乎没有任何动画效果:

I want to use something like .fadeIn("slow") so each row fades in before it appears but I don't seem to be getting any animation:

$('.row-data:last').after('some HTML rows').fadeIn("slow");

有什么想法我想念的吗?

Any ideas what I'm missing?

谢谢:).

推荐答案

尝试一下:

var rows = $('some HTML rows');
rows.hide();
$('.row-data:last-child').after(rows);
rows.fadeIn("slow");

示例: http://jsfiddle.net/qdPAe/1/

这篇关于在添加到表格中时淡入表格行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！