jQuery sorttable在updatepanel（JavaScript）中回發后不起作用

Question

我有一個jQuery的可排序函數的問題。 當我的頁面使用更新面板進行回發時，動態表的排序不再起作用。 按下圖像按鈕時會觸發回發。 按下圖像按鈕時，會有一個新行，其中包含子表。

我嘗試了這3個JavaScript代碼，但它們似乎只是第一次工作。 打開子表后，它們不起作用。

你們可能知道一個JavaScript解決方案來解決這個問題嗎？

我的第一次嘗試：

$(function(){
        $('table[id*="tbl_main"]').tablesorter();
    });

我的第二次嘗試：

$(document).ready(function(){
        $('table[id*="tbl_main"]').tablesorter();
    });

我的第三次嘗試：

function pageLoad() {
        $(function () {
            $("#pager").unbind();
            $('table[id*="tbl_main"]')
            .tablesorter()
            .tablesorterPager({ container: $("#pager") });
        }
    )}

Answer 1

每次更新后，所有腳本都會被刪除，您必須再次綁定它們，如：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

     <ContentTemplate>
          <script type="text/javascript">
               Sys.Application.add_load(BindFunctions);
          </script>
...

然后在你的javascript文件中：

function BindFunctions() {
$('table[id*="tbl_main"]').tablesorter();
};