如何自动重新绑定引导工具提示？

Question

使用twitter bootstrap tooltips，我可以执行类似

的操作

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

适用于<div id="1234" class="tooltip-enabled"</div>。

但是，如果我那么$("#1234").replaceWith('<div id="1234" class="tooltip-enabled"</div>');，那么绑定就会丢失。

我知道我可以在replaceWith之后重新绑定它，但如果可以的话我想避免这种情况（主要是因为我不需要记得每次都这样做，或者我有哪些选择）组！）。有没有办法做到这一点，有点像.on()如何运作？

Answer 1

链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");

Answer 2

您可以尝试container选项。它会将工具提示附加到另一个对象，并且会像委托事件一样对DOM更改做出反应：

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

Answer 3

尝试将'{live：true}'作为参数传递给函数，例如

$('.tooltip-enabled').tooltip({live: true})

作为函数的参数