jQuery 페이지 매김이있는 페이지 2에서 데이터 테이블 다중 선택이 작동하지 않습니다.

Question

내 애플리케이션에 대해 datatables를 사용 중이며 다중 페이지가 첫 페이지에서 작동하고 있지만 페이지 번호가 2와 3 인 페이지 매김이 작동하지 않는 것 같습니다.

코드는,

$(document).ready(function() { 
     $('#example tr').click(function() { 
      $(this).toggleClass('row_selected'); 
     });  
    }); 

및 CSS는

입니다

table.display tr.even.row_selected td { 
background-color: #efefef; 
} 

table.display tr.odd.row_selected td { 
background-color: #efefef; 
} 

내가 다른 페이지에 대한 다중 선택 작업을하기 위해 다른 무엇을 포함해야합니까? 코드에 문제가 있습니까?

감사합니다,

Answer 1

2 가지를 도와주세요 ..

1.Make 페이지 2의 JS 코드와 3

될 2.May 페이지를 포함해야합니다 귀하의 tr은 동적으로 생성됩니다. delegate

$(document).ready(function() { 
     $('#example').delegate('tr','click', function() { //example -> tableid 
      $(this).toggleClass('row_selected'); 
     });  
    }); 

Answer 2

당신은 동적으로 jQuery를 1.7+

$(document).ready(function() { 
    $('#example').on('click','tr', function() { 
     $(this).toggleClass('row_selected'); 
    });  
}); 

사용하는 경우 당신도 .delegate 또는 CSTE 연구진에 위임 할 필요가 있으므로 DOM을 수정하거나 위임하여 jQuery를 1.6 이하

$(document).ready(function() { 
    $('#example').delegate('tr', 'click', function() { 
     $(this).toggleClass('row_selected'); 
    });  
}); 

를 사용하는 경우 당신은 바인딩 이벤트 처리기를 부모 요소에 전달합니다 .. 이벤트가 거품을 내뿜는 시간을 수신합니다. 예를 들어 tr을 클릭하면 ...이 예제에서는 document이 표시되고 문서는 이벤트를 처리합니다 ..

시도하고 바인딩 할 경우 regul AR 방법

전

$('tr').click()function(){}); 

또는

$('tr').bind('click',function(){}); 

또는 그들은 그럴 요소는 DOM이 준비 시간에 사용할 수있을 것으로 예상

$('tr').on('click',function(){}); 

- (당신이 넣을 경우 document.ready 함수 내에서 코드 사용) - 그렇지 않으면 아무 이벤트도 요소에 바인딩되지 않습니다