jQuery hide().fadeIn()添加样式=";显示:block";
我使用以下代码行淡入表中的新行:jQuery hide().fadeIn()添加样式=";显示:block";,jquery,html-table,row,fadein,Jquery,Html Table,Row,Fadein,我使用以下代码行淡入表中的新行: $('table tr:last').after($(data.row).hide().fadeIn('fast')); 这一行(tr)在淡入时有一种显示方式:与之关联的块-这在某些浏览器中会使事情变得更糟,使该行比其他行窄 有没有关于如何避免这种情况发生的建议 以下是我得到的: <tr style="display: block;"> 您可以标记:.css('display','table row')以确保ie 7正确设置显示 $('table
$('table tr:last').after($(data.row).hide().fadeIn('fast'));
这一行(tr)在淡入时有一种显示方式:与之关联的块-这在某些浏览器中会使事情变得更糟,使该行比其他行窄
有没有关于如何避免这种情况发生的建议
以下是我得到的:
<tr style="display: block;">
您可以标记:
.css('display','table row')
以确保ie 7正确设置显示
$('table tr:last').after($(data.row).hide().fadeIn('fast').css('display', 'table-row'));
这里有一把小提琴在演奏:
在一些浏览器(firefox)中,似乎有一些关于在附加到DOM之前隐藏tr的内容。另一种方法是在插入后进行隐藏和效果处理:
$('table tr:last').after($(data.row));
$('table tr:last').hide().fadeIn('fast');
对我来说很好:。
data.row
中包含哪些内容?这似乎仅在IE7及以下版本中出现。在我尝试过的所有其他浏览器中,我得到了display:table row
。另一行“”-在Firefox中尝试一下,你就会明白我的意思。我在一些浏览器中工作得很好,但在一些浏览器中却不行。这让我非常困扰。好主意。