jQuery TableSorter后不排序 <td> 使用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);