2016-07-13 3 views
0

У меня возникли проблемы со следующим кодом. Я пытаюсь удалить определенную строку из таблицы с помощью jQuery, но я бы хотел использовать эффект slideUp, чтобы строка скользнула вверх, а затем удалила себя. Я пробовал следующее, но, похоже, это не влияет на эффект. Он просто удаляет себя.jQuery slideUp на Table Row и удалите

$('[data-company-id='+companyId+']').closest('tr').slideUp('fast', function() { $(this).remove(); }); 

В моей строке таблицы есть кнопка в одной из ячеек с атрибутом data-company-id. Это работает, чтобы получить правильную ячейку и соответствующий родительский элемент и удалить его. Но он не скользит вверх до удаления.

Что я делаю неправильно?

+1

Анимация не поддерживается в строках таблицы, отсюда: http://stackoverflow.com/questions/467336/how-to-use-slidedown-or-show-function-on-a-table-row Я сам тестировал это, чтобы убедиться. Если вы не хотите обертывать td в div, я предлагаю вам поиграть с сетками, такими как bootstrap или foundation, и использовать его столбцы для создания эффекта таблицы, они будут принимать анимации, которые вы хотите использовать (и это выглядит немного очиститель). –

+0

@ThomasYates спасибо. Я тоже это видел, но я надеялся, что вокруг будет какая-то работа. Я посмотрю в Bootstrap. – Phil

+0

@ThomasYates - если вы можете добавить свой комментарий в ответ, я стану правильным. Спасибо! – Phil

ответ

2

Анимация не поддерживается в строках таблицы, отсюда: How to Use slideDown (or show) function on a table row?

Я проверил это сам, просто чтобы убедиться. Если вы не хотите обертывать td в div, я предлагаю вам поиграть с сетками, такими как bootstrap или foundation, и использовать его столбцы для создания эффекта таблицы, они будут принимать анимации, которые вы хотите использовать (и это выглядит немного очиститель).

(Отправленный в ответ на запрос OP, первоначально в комментариях, потому что SO автоматически переместил его туда: P).

 Смежные вопросы

  • Нет связанных вопросов^_^