javascript - jQuery 不断添加显示 : block to my table row

Question

var str = '<tr class="task_row"><td>data.name</td><td>data.description</td></tr>';
$(str)
    .hide()
    .insertAfter($(clicked_item)
                     .parent()
                     .parent()
                     .parent()
                     .next()
                     .find('.header_row')
                 )
    .fadeIn("slow");

出于某种原因，当 jQuery 显示新行时，它会给出 <tr>一个display: block使整行只占用一个单元格的样式。有什么办法可以防止它以这种方式运行吗？

Answer 1

我想通了。

如果我添加:

$('.task_row').css('display', 'table-row');

在动画行之后，它会正常显示。