php - 如何对使用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( );
});