如何對使用ajax添加的表進行排序

Question

我通過ajax調用向頁面動態添加表，對錶進行分頁並再次使用ajax調用分頁。但是當我嘗試使用jQuery插件對錶進行排序時，它不起作用。

<script> 
var targetURL = 'http://localhost/includes/qrmanager.php?start=' + pageno; 

    $('#qrmanager').html('<p><img src="images/ajax-loader.gif" /></p>');   
    $('#qrmanager').load(targetURL).hide().fadeIn('slow'); //this loads the table within the div 

$("table").tablesort(); 
</script> 

我有tablesort()一個插件，它的工作原理，如果我只是通過PHP呼應表而不使用AJAX。

Answer 1

您正試圖在AJAX有機會加載它之前對錶格進行排序。

使用成功回調至.load方法代替：

var targetURL = 'http://localhost/includes/qrmanager.php?start=' + pageno; 
$('#qrmanager').html('<p><img src="images/ajax-loader.gif" /></p>'); 
$('#qrmanager').load(targetURL, function() { 
    $(this).hide().fadeIn('slow'); 
    $("table").tablesort(); 
});