데이터 테이블에 대한 jQuery 팁 (라이브 업데이트)

Question

tipsy 플러그인을 사용하는 링크가있는 datatable 플러그인을 사용하는 테이블이 있습니다.

나는 기운 사용하고 다음 코드로 잘 작동 링크가 : 나는 테이블에 하나도 두 번째 페이지를 누르지 그러나 곧

$('.leftDir').tipsy({fade: true, gravity: 'e', live: true}); 

을 :

<tr class="gradeX"> 
    <td class="valign"><a href="#" title="" class="btnIconLeft leftDir mr10" original-title="Test"><span style="width:90px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;">Test</span></a></td> 
    <td class="valign center">1</td> 
    <td class="center valign">1</td> 
    <td class="center valign">29/05/2012</td> 
    <td class="valign"></td> 
</tr> 

JS를 다른 사람들은 일합니다.

생각 그 중 하나 라이브 업데이트 또는 다음 10 개 행이 숨겨져 있으며, 툴팁 숨겨진 남아 있다는 사실로 인해

Answer 1

당신은 아마이 줄을 추가해야합니다 : AS를

$('.leftDir').tipsy({fade: true, gravity: 'e', live: true}); 

을 행사. 두 번째 페이지/필터를 누르거나 테이블을 변경하는 작업을 수행 할 때 트리거되는 이벤트가 있습니다. 이것을 시도하십시오 :

$(oTable).on("draw", function() { 
    $('.leftDir').tipsy({fade: true, gravity: 'e', live: true}); 
}); 

이제 tipsy 부분이 테이블의 모든 그림에 추가됩니다. 따라서 페이지를 전환하면 제대로 작동합니다.