Question

我有一个使用datatable插件的表格，其中包含使用tipsy插件的链接。

我有一个使用tipsy的链接，可以使用以下代码正常工作：

<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：

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

然而，只要我按下桌子上的第二页，其他人都无法工作。

我认为它要么是因为实时更新，要么隐藏了接下来的10行，而且工具提示仍然隐藏

Answer 1

你可能需要添加这一行：

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

作为一个事件。当您按第二页/过滤器或执行任何更改表的操作时，会触发一个事件。试试这个：

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

现在，tipsy部分将在每次抽奖时添加。因此，如果你切换页面，它应该工作正常。

关于数据表的jQuery技巧（实时更新）

1 个答案: