Question

我正在使用以下代码行淡入表格中的新行：

$('table tr:last').after($(data.row).hide().fadeIn('fast'));

这行（tr）在淡入时具有显示样式：块被分配给它 - 并且在某些浏览器中将某些内容搞砸，使得行比其他行更窄。

有关如何避免这种情况的任何建议吗？

这是我得到的：

<tr style="display: block;">

Answer 1

你可以标记：.css('display', 'table-row')以确保即7设置正确显示

$('table tr:last').after($(data.row).hide().fadeIn('fast').css('display', 'table-row'));

这是一个显示它在行动的小提琴：

Answer 2

在某些浏览器（firefox）中似乎有一些关于在将tr附加到DOM之前隐藏它。另一种方法是在插入后隐藏和效果：

$('table tr:last').after($(data.row));
$('table tr:last').hide().fadeIn('fast');