tr原因显示上的fadeIn()：块错误？

Question

如果你试图在jQuery的<tr>上做一个.fadeIn()，它会添加(在火狐和IE7上)元素display:block;。(在IE7上也缩放:1)。

我使用的是jQuery的1.5版本。这是个bug吗？我该如何解决这个问题呢？

Answer 1

在您的问题中没有太多需要处理的内容。

This example (使用1.5.2)显示在.fadeIn()之后显示为table-cell。

示例中的代码

$('tr')
    .hide()
    .delay(1000)
    .fadeIn( 1000, function(){alert($(this).css('display'));} );

而不是

如果您的CSS包含类似以下内容：

tr {
    display:none;
}

这样，jQuery就不知道如何设置显示内容，只会假定为block。

示例： http://jsfiddle.net/AG34Z/1/

如果是这样，那么不要将tr设置为display:none，而是提供一个类，并在该类上设置显示。

.myrow {
    display:none;
}

示例： http://jsfiddle.net/AG34Z/3/

您可以看到，.fadeIn()现在在行上设置了正确的display。

Answer 2

您可以在fadeIn上使用fadeTo或animate

http://api.jquery.com/fadeTo/

http://api.jquery.com/animate/