将表格行添加到表格时淡入淡出

问题描述:

我有以下代码可以在表的末尾添加新行:

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");

知道我缺少什么吗?

谢谢:)

试试这个:

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

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