1

次のタグをテーブル セルに直接追加して、テーブル ( http://jsfiddle.net/mademoiselletse/bypbqboe/66/ )にいくつかの Bootstrap ツールチップ (グリフィコンで示される) を含めました。

<i class="glyphicon glyphicon-tags" data-toggle="tooltip" data-placement="right" data-title="this is a tooltip glyphicon"></i>

tooltipExe ()テーブルがロードされるたびにトリガーしてツールチップを初期化します(56、82、109、117 行目)。次のように定義します。

function tooltipExe () {
$('[data-toggle="tooltip"]').tooltip()
};

テーブルが読み込まれると完全に機能しますが、テーブルを並べ替えると、テーブル セル内の Bootstrap ツールチップ効果が奇妙に消えます。Bootstrap JS のドキュメントとフォーラムを調べましたが、役立つ情報は見つかりませんでした。何がそのような消失を引き起こす可能性があるのか​​ 誰かが知っていますか? あなたの助けに感謝します！

4

3 に答える 3

2

ええ、Bootstrap はツールチップのバインドを壊すようなことをしているに違いありません。sort コールバックで実行します。

$table.on('sort.bs.table', function () {
    tooltipExe();
});

更新:おそらく並べ替え操作の開始時に発生するため、並べ替えイベントは機能しませんでしたall.bs.table。並べ替え後のイベントが要求されていることがわかります。

デモ

もう一度更新します。その Github スレッドから、post-body.bs.tableイベントを使用して関数呼び出しの数を減らすことができることがわかります。

デモ 2

于 2015-05-26T20:02:47.627 に答える