Как красиво удалить таблицу tr с помощью jQuery?

Question

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

$("#table_id").children().first().fadeOut('slow');

Но tr просто исчезает без какого-либо приятного эффекта.На самом деле, это не работает ни для какого эффекта jQuery (slideUp, animate, hide ('slide', ...) и т. Д.).

Есть мысли, как решить эту проблему?

Answer 1

Я видел это на divs раньше - не уверен, что это та же проблема с tr. Однако попробуйте поставить filter:inherit; на tr.

Answer 2

IE8, по-видимому, не справляется с плавным замиранием и демонстрирует поведение, которое вы описываете, тогда как Chrome работал нормально.

Добавление filter: inherit inline, кажется, помогает, хотя это грязный обходной путь: Демо

Если у вас есть вложенные таблицы, то вы можете использовать eq (0) вместо :first-child для соответствия конкретной строке:

$("#table_id tr:eq(0)").fadeOut('slow');

Answer 3

Убедитесь, что вы не установили для jQuery.fx.off значение true, поскольку это отключит все анимации jquery.