0

ほろ酔いプラグインを使用したリンクを含むdatatableプラグインを使用したテーブルがあります。

ほろ酔いを使用し、次のコードで正常に動作するリンクがあります。

<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});

しかし、私がテーブルの2ページを押すとすぐに、他のどれも機能しません。

ライブアップデートか、次の10行が非表示になっていて、ツールチップが非表示のままになっていることが原因だと思います。

4

1 に答える 1

2

おそらく次の行を追加する必要があります。

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

イベントとして。2 番目のページ/フィルターを押すか、テーブルを変更する何かを行うとトリガーされるイベントがあります。これを試して：

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

これtipsyで、テーブルの描画ごとにパーツが追加されます。したがって、ページを切り替えると、正常に機能するはずです。

于 2012-07-21T17:11:05.987 に答える