jQuery hide().fadeIn() 添加样式 ="display:block"

Question

我使用以下代码行淡入表格中的新行:

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

该行 (tr) 淡入时具有指定的 display:block 样式 - 这会在某些浏览器中搞砸，使该行比其他行更窄。

关于如何避免这种情况发生有什么建议吗？

这是我得到的:

<tr style="display: block;">

Answer 1

您可以标记:.css('display', 'table-row') 以确保 ie 7 设置正确显示

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

这是一个 fiddle ，展示了它的实际效果:

http://jsfiddle.net/xS9rF/