表行上的jQuery slideUp并删除

时间:2016-07-13 14:56:58

标签: jquery jquery-effects

我遇到以下代码问题。我试图使用jQuery从表中删除特定行,但我想使用slideUp效果,因此行向上滑动然后自行删除。我尝试过以下方法,但似乎并不尊重这种效果。它只会自行消除。

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

我的表格行包含一个带有data-company-id属性的单元格中的按钮。这确实有助于获取正确的单元格和相应的父级并将其删除。但它在删除之前不会向上滑动。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

表格行不支持动画,从这里开始:How to Use slideDown (or show) function on a table row?

我自己测试它只是为了确保。如果您不希望将td包装在div中,我建议您使用网格框架(如bootstrap或foundation)并使用其列创建表格效果,这些将接受您希望使用的动画(并且它看起来像小清洁工。)

(根据OP的要求发布作为答案,最初在评论中,因为SO自动将其移到那里:P)。