jQuery hide (). fadeIn () добавляет style = "display: block"

Question

Я использую следующую строку кода, чтобы исчезнуть в новой строке таблицы:

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

Эта строка (tr) при появлении имеет стиль отображения: блок, назначенный ей -и что в некоторых браузерах что-то не так, что строка становится уже других строк.

Есть предложения, как этого избежать?

Вот что я получаю:

<tr style="display: block;">

Answer 1

Вы можете пометить: .css('display', 'table-row'), чтобы убедиться, что, например, 7 настроено правильно дисплей

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

вот скрипка, показывающая это в действии:

http://jsfiddle.net/xS9rF/

Answer 2

Кажется, что в некоторых браузерах (firefox) есть что-то о сокрытии tr перед его добавлением в DOM. Так что еще один способ, это сделать скрытие и эффекты после того, как он вставлен:

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

http://jsfiddle.net/jhRs2/