jquery tablesorter 并选择表标题中的所有复选框

Question

我有一个表，其中第一个标题列有一个“全选”复选框，还有一些简单的代码，用于在单击标题复选框时选择页面上的所有复选框。

$('#CheckAll').bind('click',function() {
        var checked = $(this).attr('checked');
        $('input').attr('checked', checked);
    });

代码运行良好，但是一旦我将 tablesorter 绑定到表，#CheckAll 上的单击事件似乎不再触发：

$('#ResultsTable').tablesorter( headers: { 0: { sorter: false} });

有什么想法吗？

Answer 1

tablesorter 很可能正在破坏/重新创建原始的 Dom 元素。您可以在调用 tablesorter 之后进行绑定，或者您可以尝试“live”而不是“bind”：

$('#CheckAll').live('click',function() {
        var checked = $(this).attr('checked');
        $('input').attr('checked', checked);
    });

Answer 2

你几乎明白了！试试这个：

 $("#tablesorter").tablesorter({headers:{0:{sorter:false}}});