JavaScript 페이지가 매겨진 결과로로드되지 않습니다.

Question

테이블에 결과를 페이지 매기기로 사용하고 있습니다. 또한 칼럼 중 하나에 대한 툴팁을 통해 승인 된 시간을 보여줍니다. 표에있는 처음 10 개의 결과 (기본적으로로드 됨)는 툴팁을 올바르게 표시합니다. 다음 페이지로 전환하면 JS에 의해 실행되는 브라우저 대신 기본 브라우저 제목 툴팁이 표시됩니다. 이것이 JS가로드되는 방식 때문이라고 생각합니다. 처음에는 페이지 매김에 의해 숨겨진 내용이 아닙니다. 나는이 두 행 사이의 유일한 차이점은 한 페이지가로드 될 때로드된다는 점이다 말했듯이

//This link displays my fancy tooltip correctly// 
<a href="#" style="color:#000;" rel="tooltip" title="Monday January 28th 2013 12:11 PM"> 

//This link does not// 
<a href="#" style="color:#000;" rel="tooltip" title="Monday January 28th 2013 01:25 PM"> 

:

$(document).ready(function() { 
        if ($("[rel=tooltip]").length) { 
        $("[rel=tooltip]").tooltip(); 
        } 
        }); 

그리고 바로 링크를 표시하기 : 여기 내가 툴팁 전화 드렸습니다 방법 다른 하나는 페이지에 표시되는 행의 양을 변경하거나 다음 페이지로 이동합니다 (JS는 실제로 페이지 위치를 변경하지 않음). 행은 MySQL에서 생성되는 반면, 처음 10 개 작업은 아무 작업도 수행하지 않습니다. 내 결론이 맞습니까? 내가 다른 것을 놓칠 수 있을까? 어떤 조언을 주셔서 감사합니다!

편집 : 나는 그것을 혼란에 기여하고, 페이징 처리자는 실제로 HTML 소스에서 행을 숨기지 않습니다. 브라우저 창에 표시되지 않습니다.

Answer 1

툴팁()이 결과 목록의 첫 번째 항목에서 작동하고있는 것으로 보입니다.

$("[rel=tooltip]") 

항상 하나만 발견되면 모든 기능이 올바르게 작동한다는 것을 나타내는 "좋은"목록을 반환합니다.

는 AJAX를 통해 모두

$(function(){ 
    $("[rel=tooltip]").each(function(){ 
     $(this).tooltip(); 
    }); 
}); 

Answer 2

내 가정, 당신은로드되는 페이지를 통해 루프를 작동하려고 확인합니다. 이 경우 AJAX 호출 성공시 툴팁 정의를 기억해야합니다. 다음과 같이이 작업을 수행 할 수 있습니다.

function initTooltip(){ 
if ($("[rel=tooltip]").length) { 
        $("[rel=tooltip]").tooltip(); 
        } 
} 

$(document).ready(function() { 
        initTooltip(); 
        }); 

$.ajax({ 
/* some code */ 
success: function(){ 
initTooltip(); 
}}); 

참고 :이 코드는 전체 코드가 아닙니다. 이렇게하면 문제를 해결하는 방법을 알 수 있습니다.