Bootstrap 工具提示和弹出窗口：销毁还是不销毁？

Question

如果我通过 BS 的 tooltip() 和 popover() 方法创建工具提示和弹出窗口，如果 DOM 发生变化并且受影响的元素不再存在，是否需要明确销毁所述创建当前的？我是在通过不显式破坏来创建 JS dust bunnies 吗？

Answer 1

要将工具提示放在动态内容上，您应该使用这样的委托：$('body').toolip({selector: '.has-tooltip'}); 在这种情况下，不需要销毁。

https://github.com/twbs/bootstrap/issues/4215

http://jsbin.com/zopod/1/edit?html,css,js,output

Answer 2

我创建了一个简单的 fiddle:

http://jsfiddle.net/Oski/5gura2oq/

JS:

$(function () {
  var element = $('#example').popover();
  element.popover('show');
  element.remove();
});

模板：

<p>Click on button to see Popover</p>
<a href="#" id="example" class="btn btn-primary" rel="popover"
  data-content="This is the body of Popover"
  data-original-title="Creativity Tuts">pop
</a>

您可以删除锚元素并仍然可以看到弹出窗口，所以我认为您需要销毁弹出窗口。

Answer 3

您好，

不需要销毁，当你关闭popover或者tooltip的时候会自动排除在DOM.

这是一个工具提示示例：

image description here

在这个例子中我使用 jquery ui 工具提示。

希望对你有所帮助！

Bootstrap 工具提示和弹出窗口：销毁还是不销毁？

Bootstrap tooltips and popovers: To Destroy, or NOT To Destroy?

javascript

twitter-bootstrap

tooltip

popover