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

Question

$('.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();

如果要进行事件委托，请使用selectoroption (demo)：

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

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

score 0 · Accepted Answer

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

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

score -1 · Accepted Answer

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

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

作为函数的参数

3 回答 3