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

use*_*341 4 jquery row html-table fadein

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

$('table tr:last').after($(data.row).hide().fadeIn('fast'));
Run Code Online (Sandbox Code Playgroud)

淡入的这一行(tr)具有显示样式:块分配给它 - 并且在某些浏览器中将事物搞砸,使得行比其他行更窄.

关于如何避免这种情况的任何建议?

这是我得到的:

<tr style="display: block;">
Run Code Online (Sandbox Code Playgroud)

Pat*_*cia 9

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

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

这是一个小提琴,显示它在行动:

http://jsfiddle.net/xS9rF/