我正在使用以下代码行淡入表中的新行:
$('table tr:last').after($(data.row).hide().fadeIn('fast'));
淡入的这一行(tr)具有显示的样式:分配给它的块 - 并且在某些浏览器中将事物搞砸,使得行比其他行更窄。
关于如何避免这种情况的任何建议?
这是我得到的:
<tr style="display: block;">
你可以标记:.css('display', 'table-row')
以确保即7套正确显示
$('table tr:last').after($(data.row).hide().fadeIn('fast').css('display', 'table-row'));
这是一个小提琴,显示它在行动:
在某些浏览器(firefox)中,似乎有一些关于在将tr附加到DOM之前隐藏它。另一种方法是在插入后隐藏和效果:
$('table tr:last').after($(data.row));
$('table tr:last').hide().fadeIn('fast');