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( );
});