如何在表格行上使用 slideDown（或显示）功能？

小编典典

如何在表格行上使用 slideDown（或显示）功能？

all

我正在尝试在表格中添加一行并将该行滑入视图，但是滑动功能似乎正在向表格行添加一个 display:block 样式，这会弄乱布局。

任何想法如何解决这个问题？

这是代码：

$.get('/some_url', 
  { 'val1': id },

  function (data) {
    var row = $('#detailed_edit_row');
    row.hide();
    row.html(data);
    row.slideDown(1000);
  }
);

阅读 64

2022-06-16

共1个答案

小编典典

表格行不支持动画。

来自 Chaffer 和 Swedberg 的“Learning jQuery”

表格行对动画提出了特殊的障碍，因为浏览器对其可见显示属性使用不同的值（表格行和块）。没有动画的 .hide() 和 .show()
方法始终可以安全地用于表格行。从 jQuery 版本 1.1.3 开始，也可以使用 .fadeIn() 和 .fadeOut()。

您可以将 td 内容包装在 div 中并在其上使用 slideDown 。您需要确定动画是否值得额外标记。

2022-06-16