0

我有一个使用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 行被隐藏，并且工具提示仍然隐藏

4

1 回答 1

2

您可能必须添加这一行：

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

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

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

现在，该tipsy部分将添加到表的每次绘制中。因此，如果您切换页面，它应该可以正常工作。

于 2012-07-21T17:11:05.987 回答