引导工具提示和弹出框：销毁还是不销毁？答案

【问题标题】：Bootstrap tooltips and popovers: To Destroy, or NOT To Destroy?引导工具提示和弹出框：销毁还是不销毁？
【发布时间】：2017-03-31 12:48:04
【问题描述】：

如果我通过 BS 的 tooltip() 和 popover() 方法创建工具提示和弹出框，如果 DOM 更改并且受影响的元素不再存在，是否需要明确销毁所述创建？我是不是通过不明确销毁来创建 JS 灰尘兔子？

【问题讨论】：

该功能提供了销毁功能：getbootstrap.com/javascript/#popover-destroy，所以为了安全起见，它可能值得使用。

标签： javascript twitter-bootstrap tooltip popover

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

我创建了一个简单的小提琴：

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>

您可以删除锚元素并仍然使弹出框可见，因此我认为您需要销毁弹出框。

【讨论】：

【解决方案3】：

你好，

无需销毁，当您关闭弹出框或工具提示时，它会自动从 DOM 中排除。

这是一个工具提示示例：

image description here

在此示例中，我使用 jquery ui 工具提示。

希望对我有所帮助！

【讨论】：