jQuery hide()。fadeIn()添加style =“display:block”

问题描述 投票:4回答:2

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

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

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

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

这是我得到的:

<tr style="display: block;">
jquery html-table row fadein
2个回答
9
投票

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

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

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

http://jsfiddle.net/xS9rF/


0
投票

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

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

http://jsfiddle.net/jhRs2/

© www.soinside.com 2019 - 2024. All rights reserved.