javascript - 如何自动重新绑定(bind) Bootstrap 工具提示？

Question

使用 twitter bootstrap tooltips ，我可以做类似的事情

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

对于 <div id="1234" class="tooltip-enabled"</div> 效果很好.

但是，如果我然后做 $("#1234").replaceWith('<div id="1234" class="tooltip-enabled"</div>');绑定(bind)丢失。

我知道我可以在 replaceWith 之后重新绑定(bind)它，但如果可以的话，我想避免这种情况(主要是为了我不需要记住每次都这样做，或者我已经设置了哪些选项!)。有没有办法做到这一点，有点像.on()有用吗？

Answer 1

链 tooltip() 方法:

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

更好的是，如果您只是在这里添加一个类，请使用 addClass():

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

---

如果你想做事件委托(delegate)，使用selector选项(demo) :

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

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