jQuery 将行附加到表和 slideDown 效果正在破坏表行

Question

我正在尝试使用 jQuery 将一行附加到表中，并在加载时仅在该行上应用 slideDown 效果（对于上下文，结果是通过 Ajax 检索的，并在收到时添加）。

当我添加行而没有影响时，表格会正确形成。当我使用淡入作为效果时，表格仍然正确形成。但是，当我使用 slideDown 作为效果时，表格行变得“损坏”并且列无法正确排列。

我有一张这样的表：

<div id="results">
  <table>
    <thead>
      <tr><td>Col1</td><td>Col2</td></tr>
    </thead>
  </table>
</div>

我的 Javascript 如下所示：

$("<tr><td>val1</td><td>val2</td></tr>")
 .hide().slideDown("slow")
 .appendTo("#results table tbody");

我也试过这个：

$("#results table tbody")
  .append("<tr><td>val1</td><td>val2</td></tr>")
  .find("tr:last").hide().slideDown("slow");

这里的第二个选项正确显示了效果，但正如我所提到的那样会使表格出现乱码。

这可能吗？

我正在 Chrome 4 中测试这个（这可能是问题吗？）

Answer 1

简短的回答是 jQuery 动画不适用于非块元素，尤其不适用于表格行和单元格。