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