jquery 用淡入/淡出替换表中的行

Question

我有一个表，我想在 ajax 更新完成后更新其中的一行。所有行都有一个 id，即订单的行号。我尝试过各种各样的事情，但都没有快乐。

这是当前命令...

wsHtml += '<tr id="idLine'+data[0].ORDS1_LINE+'">';
wsHtml += '<td class="RightNoWrap"  >' + data[0].ORDS1_LINE + '</td>';
.....
wsHtml += '</tr>';

$('#idLine'+data[0].ORDS1_LINE).fadeOut(1000,function(){ $(this).html(wsHtml).fadeIn(1000); });

谢谢

Answer 1

您最好删除旧的 <tr>完全从 DOM 中删除，并在其位置添加一个新的。这应该有效:

var the_new_row = $('<tr id="idLine'+data[0].ORDS1_LINE+'">\
                         <td class="RightNoWrap"  >' + data[0].ORDS1_LINE + '</td>\
                     </tr>');

$('#idLine' + data[0].ORDS1_LINE).fadeOut(1000, function() { 
    the_new_row.insertAfter($(this)).hide();
    $(this).remove();
    the_new_row.fadeIn(1000);
});

这是一个 jsFiddle > http://jsfiddle.net/ckvgu/