javascript - 在更新面板（JavaScript）中回发后，jQuery 排序表不起作用

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