Table Row上的jQuery slideUp並刪除

我遇到以下代碼有問題。我試圖使用jQuery從表中刪除特定的行，但我想使用slideUp效果，以便行向上滑動然後自行刪除。我已經嘗試了以下內容，但似乎並未尊重效果。它只是消除自己。Table Row上的jQuery slideUp並刪除

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

我的錶行在其中一個具有data-company-id屬性的單元格中包含按鈕。這可以在獲取正確的單元格和相應的父級並將其刪除時發揮作用。但在刪除之前它不會滑動。

我在做什麼錯？

來源

2016-07-13 Phil

不支持動畫上表中的行，從這裏開始： http://stackoverflow.com/questions/467336/how-to-use-slidedown-or-show-function-on-a-table-row 我自己測試它只是爲了確保。如果你不想在一個div中包裝td，我建議你使用引導或基礎等網格框架，並使用它的列創建表格效果，這些將接受你想使用的動畫（它看起來像一個小清潔劑）。 –

@ThomasYates謝謝。我也看到了，但我希望可能會有一些解決辦法。我會研究Bootstrap。 – Phil

@ThomasYates - 如果您可以添加您的評論作爲答案，我會標記爲正確的。謝謝！ – Phil

不支持動畫上表中的行，從這裏開始：How to Use slideDown (or show) function on a table row?

我測試它自己，以確保公正。如果你不想在一個div中包裝td，我建議你使用引導或基礎等網格框架，並使用它的列創建表格效果，這些將接受你想使用的動畫（它看起來像一個小清潔劑）。

（作爲回答OP的請求發佈，最初在評論中，因爲SO自動將它移動到那裏：P）。

來源

2016-07-14 14:20:57

Table Row上的jQuery slideUp並刪除

回答

相關問題