JQuery AJAX问题

Question

如果你看http://www.danfarrellwright.com/screwsline/front_end/product.php?product_id=104 我编写了以下函数来在每五行中添加表头：

jQuery.fn.hrReplace = function() {
    var headers = $(this).find('table.products tr:eq(0)');

    $(this).find('table.products tr:nth-child(5n)').after(headers);
    $(this).find('table.products tr:eq(0)').before(headers);
}

这在加载页面时效果很好。然后我在ajax命令中添加了该函数：

$.ajax({
    type: "POST",
    url: formAction,
    data: myForm,
    success: function() {
        $('#top_bar').load(base + 'index.php #top_bar');
        $('#' + divId).load(document.URL + '&random=' + Math.random() * 99999 + ' #' + divId, {
            'gaugeMinFil':parseFloat($('input[name="gaugeLow"]').val()),
            'gaugeMaxFil':parseFloat($('input[name="gaugeHigh"]').val()),
            'lengthMinFil':parseFloat($('input[name="lengthLow"]').val()),
            'lengthMaxFil':parseFloat($('input[name="lengthHigh"]').val())
        });
        $('#tableHolder').hrReplace();
    }
});

但重新加载div后，hrReplace（）无效。

Answer 1

函数调用需要在.load调用的回调中，所以它在完成后才会发生。

$.ajax({
    type: "POST",
    url: formAction,
    data: myForm,
    success: function() {
        $('#top_bar').load(base + 'index.php #top_bar');
        $('#' + divId).load(document.URL + '&random=' + Math.random() * 99999 + ' #' + divId, 
           {
            'gaugeMinFil':parseFloat($('input[name="gaugeLow"]').val()),
            'gaugeMaxFil':parseFloat($('input[name="gaugeHigh"]').val()),
            'lengthMinFil':parseFloat($('input[name="lengthLow"]').val()),
            'lengthMaxFil':parseFloat($('input[name="lengthHigh"]').val())
           }, 
           function() { 
               $('#tableHolder').hrReplace();
           }
        );
    }
});