jQuery 在 Table 行上滑动并删除
jQuery slideUp on Table Row and remove
我在使用以下代码时遇到问题。我正在尝试使用 jQuery 从 table 中删除特定行,但我想使用 slideUp 效果,以便该行向上滑动然后自行删除。我试过以下,但它似乎不尊重效果。它只是自行删除。
$('[data-company-id='+companyId+']').closest('tr').slideUp('fast', function() { $(this).remove(); });
我的 table 行在其中一个单元格中包含一个按钮,该按钮具有 data-company-id 属性。这确实可以获取正确的单元格和相应的父级并将其删除。但是remove前不会向上滑动
我做错了什么?
table 行不支持动画,从这里开始:How to Use slideDown (or show) function on a table row?
我自己测试了一下,只是为了确定。如果您不想将 td 包裹在 div 中,我建议您尝试使用网格框架,例如 bootstrap 或 foundation 并使用其列来创建 table 效果,这些将接受你想使用的动画(它看起来更干净一点)。
(根据 OP 的要求作为答案发布,最初在评论中,因为 SO 自动将其移动到那里 :P)。
我在使用以下代码时遇到问题。我正在尝试使用 jQuery 从 table 中删除特定行,但我想使用 slideUp 效果,以便该行向上滑动然后自行删除。我试过以下,但它似乎不尊重效果。它只是自行删除。
$('[data-company-id='+companyId+']').closest('tr').slideUp('fast', function() { $(this).remove(); });
我的 table 行在其中一个单元格中包含一个按钮,该按钮具有 data-company-id 属性。这确实可以获取正确的单元格和相应的父级并将其删除。但是remove前不会向上滑动
我做错了什么?
table 行不支持动画,从这里开始:How to Use slideDown (or show) function on a table row?
我自己测试了一下,只是为了确定。如果您不想将 td 包裹在 div 中,我建议您尝试使用网格框架,例如 bootstrap 或 foundation 并使用其列来创建 table 效果,这些将接受你想使用的动画(它看起来更干净一点)。
(根据 OP 的要求作为答案发布,最初在评论中,因为 SO 自动将其移动到那里 :P)。