将表格行添加到表格时淡入淡出 [英] 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");

知道我缺少什么吗?

谢谢:)

推荐答案

试试这个:

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

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

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