1 
function fncFadeRowIntoTable(pTable,pColumn,pValue, pHtml) {
// Add a row to a table in the correct place, by comparing the contents of the column passed (starts 0).
// This assumes that the table is already sorted
var counter = 0; // so we know when we've reached the end
//
pValue = rtrim(pValue);

$('#'+pTable).find('tbody tr').each(function() {
    counter++;
    if (rtrim($(this).find('td:eq('+pColumn+')').attr('id')) == pValue) { 
    //  Have we found a cell equal to the the value passed. If so, then remove the row and replace
        var $wsRow = $(pHtml);
        $wsRow.hide();
        $(this).fadeOut(1000,function() { 
            $wsRow.insertAfter($(this)).hide();
            $(this).remove();
            $wsRow.fadeIn(1000).css('display', 'table-row');
        });
        return false; // break out of each() since we're done
    }
    if (rtrim($(this).find('td:eq('+pColumn+')').attr('id')) >= pValue) { 
    //  Have we found a cell greater than the value passed
        var $wsRow = $(pHtml);
        $wsRow.hide();
        $(this).before($wsRow);
        $wsRow.fadeIn(1000).css('display', 'table-row');
        return false; // break out of each() since we're done
    }
    // Handle case where we've reached the end, but we're still in the loop.
    // This means the new row is alphabetically last, so insert after
    if ($(this).closest('#'+pTable).find('tbody tr').length === counter ) {
        var $wsRow = $(pHtml);
        $wsRow.hide();
        $(this).after($wsRow);
        $wsRow.fadeIn(1000).css('display', 'table-row');
    }
});
// Handle empty table;
if ($('#'+pTable).find('tbody tr').size() == 0) {
        var $wsRow = $(pHtml);
        $wsRow.hide();
        $wsRow.appendTo('#'+pTable+' tbody');
        $wsRow.fadeIn(1000).css('display', 'table-row');
}
}

我有一个函数，用于根据匹配单元格的内容来更新表中的行。它将插入新行或更新现有行。

上面的部分替换了匹配的行。我想要实现的是先淡出现有行，然后淡入新行。

我得到的是新行立即可见，然后旧行淡出。.hide() 似乎没有效果，但是，我知道 .hide() 在我插入一行时正在工作。

我已经将 .hide() 单独尝试为 $wsRow.hide(); 也如： $wsRow.insertAfter($(this)).hide(); 或如上所示，在这两个地方。

任何想法我做错了什么请。

注意：
pHtml 是一个完整的行；即“tr.../tr”数据。

4

1 回答 1

0

您的代码在 Chrome 和 IE8 中适用于我，现有行淡出然后新行淡入 - http://jsfiddle.net/x3JYz/1/。

您是否有任何其他可能干扰的代码？

于 2012-08-24T11:32:51.953 回答