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

Question

我有一个带有“全选”复选框的表作为第一个标题列，还有一些简单的代码可以在单击标题复选框时选择页面上的所有复选框。

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

代码运行正常，但只要我将tableorter绑定到表，＃CheckAll上的click事件似乎不再触发：

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

有什么想法吗？

Answer 1

很可能tableorter正在销毁/重新创建原始的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}}});