JQuery.tablesorter從同一個表排序兩次相同的列

我得到了2個表「newsTable」和「eventsTable」。我想讓它們可以用jquery.sortable插件進行排序，它的工作非常好，但是當我點擊任何列時它的排序兩次，所以實際上我得到的開始位置：/如何解決問題？爲什麼列正在排序兩次？我有沒有問題，當我在頁面上只有一個表，現在我有2個和問題來到:(JQuery.tablesorter從同一個表排序兩次相同的列

<script> 
$(document).ready(function() 
    { 
     $("#newsTable").tablesorter(); 
    } 
); 

$(document).ready(function() 
    { 
     $("#newsTable").tablesorter({sortList: [[1,0]]}); 
    } 
); 

$(document).ready(function() { 
    $("table") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager1")}); 
}); 

$(document).ready(function() 
    { 
     $("#eventsTable").tablesorter(); 
    } 
); 

$(document).ready(function() 
    { 
     $("#eventsTable").tablesorter({sortList: [[1,0]]}); 
    } 
); 

$(document).ready(function() { 
    $("table") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager2")}); 
}); 
</script>

來源

2014-04-15 CSharpBeginner

可能後您的表HTML以及也許ü使用兩個表中同一類 – MarceloMadnezz

。和

– CSharpBeginner

即時通訊使用t他是同班，因爲他們都是桌子，所以我怎麼能不？ – CSharpBeginner

回答

您要添加的的tablesorter四次兩個表，因此排序發生四次。

嘗試調用$(document).ready()只有一次：

$(document).ready(function() 
{ 
    $("#newsTable").tablesorter( 
    { 
     widthFixed: true, 
     widgets: ['zebra'], 
     sortList: [[1,0]] 
    }).tablesorterPager(
    { 
     container: $("#pager1"), 
     size: 5 
    }); 

    $("#eventsTable").tablesorter( 
    { 
     widthFixed: true, 
     widgets: ['zebra'], 
     sortList: [[1,0]] 
    }).tablesorterPager(
    { 
     container: $("#pager2"), 
     size: 5 
    }); 
});

來源

2014-04-15 12:50:18 ZiNNED

其工作，非常感謝你！ :) – CSharpBeginner

但仍然有一個問題，對於這兩個表我得到了尋呼機（pager1和pager2）他們工作得很好，如果我設置每頁10/20/30行，但在啓動頁面我設置只有5應顯示，但它顯示了更多：/它看起來像顯示開始時的所有行不看我設置了多少代碼，以 – CSharpBeginner

開頭我已經更新了答案，以顯示最初只顯示5行。請記住，如果你有一個有很多行的大表，那麼tablesorter（和pager）可能需要很長時間才能顯示它，從而顯示出更多的行。 – ZiNNED

相關問題