jQuery Tablesorter 및 테이블 헤더에서 모든 확인란을 선택하십시오

Question

"All All Select"Checkbox가 첫 번째 헤더 열로 "Select"Checkbox와 헤더 확인란을 클릭 할 때 페이지에서 모든 확인란을 선택할 간단한 코드가있는 테이블이 있습니다.

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

코드는 잘 실행되지만 테이블에 테이블 리터를 바인딩하자마자 #checkall의 클릭 이벤트는 더 이상 발사되지 않는 것 같습니다.

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

어떤 아이디어?

Answer 1

테이블 러가 원래 DOM 요소를 파괴/재창조 할 가능성이 상당히 높습니다. 테이블 러로의 호출 후 묶을 수도 있고 그렇지 않으면 "바인드"대신 "라이브"를 시도 할 수 있습니다.

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

Answer 2

당신은 거의 그것을 얻었습니다!. 이거 한번 해봐:

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