javascript - ブートストラップツールチップを自動的に再バインドするにはどうすればよいですか?

Question

twitter ブートストラップツールチップを使用して、次のようなことができます

$('.tooltip-enabled').tooltip();

でうまく機能し<div id="1234" class="tooltip-enabled"</div>ます。

しかし、そうすると$("#1234").replaceWith('<div id="1234" class="tooltip-enabled"</div>');バインディングが失われます。

後に再バインドできることはわかっていますがreplaceWith、できればこれを避けたいと思います（主に、毎回それを行うことや、設定したオプションを覚える必要がないようにするためです！）。これを行う方法はあり.on()ますか？

score 4 · Accepted Answer

チェーンtooltip()方式:

$("#1234").replaceWith('<div id="1234" class="tooltip-enabled"></div>').tooltip();

さらに良いことに、ここにクラスを追加するだけの場合は、次を使用しますaddClass()。

$("#1234").addClass("tooltip-enabled").tooltip();

イベント委任を行いたい場合は、selectorオプション(demo)を使用します。

$("body").tooltip({
  selector: ".tooltip-enabled"
});

$("#1234").addClass("tooltip-enabled");

score 0 · Accepted Answer

オプションでお試しいただけcontainerます。ツールチップを別のオブジェクトに添付し、委譲されたイベントのように DOM の変更に反応します。

$('.tooltip-enabled').tooltip({
    container: 'body'
});

javascript - ブートストラップ ツールチップを自動的に再バインドするにはどうすればよいですか?