javascript - jQuery TableSorter 在 使用 Ajax 更新数据库更新后不排序？

Question

我正在实现一个评级系统，用户可以对条目进行上/下排名。每个条目都有一个排名，最初排名为 0。我将此信息存储在数据库中，然后在页面上打印此表，并使用 jQuery tablesorter 类，因此所有条目均按排名排序。

当用户对条目进行排名上升/下降时，我会更新数据库中的排名，然后使用 ajax 显示更新的排名。每个条目都有一个向上和向下按钮。

我已经初始化了表排序器:

$(function() {
    $('#list_sort').tablesorter({ 
        sortList: [[0,0]],     // allow sorting on the ranking column only

        headers: {
            1: {
                sorter: false 
            }, 
            2: { 
                sorter: false 
            }, 
            3: { 
                sorter: false 
            }
        }
    })
});

向上和向下按钮有一个onClick事件，它调用一个更新数据库的函数，然后使用ajax更新排名，但我想在更新后对其进行排序。

我尝试了几种方法，包括:

$('#list_sort').trigger("update");

和

lastSortList = $("#list_sort")[0].config.sortList;
$("#list_sort").trigger("#list_sort", [lastSortList]);
$('#list_sort').tablesorter();

但似乎没有任何效果。如有任何帮助，我们将不胜感激。

Answer 1

我有一个解决方案，但我认为这不是一个好的解决方案。我用了setTimeout函数在用户排名和数据库更新后起作用。

setTimeout(function() {
        $('#list_sort').tablesorter({ 
        sortList: [[0,1]],

        headers: {
            1: {
                sorter: false 
            }, 
            2: { 
                sorter: false 
            }, 
            3: { 
                sorter: false 
            }
        }
    })
    }, 50);