Javascript 销毁Div中的所有引导工具提示

我有一个

$（“#设置”）

div，子元素上附加了多个引导工具提示

比如说,

内容：
内容
内容：
内容

我想做

$（“#设置”）.tooltip（'destroy'）

来消除按钮按下时的所有工具提示，但它不起作用，我假设是因为工具提示实际上不在settings div上，而是在它里面

不过，我也尝试了

$（“#设置”）.find（“*”）.tooltip（'destroy'）

，但也没有成功

是因为我初始化它们的方式吗

$(document).ready(function() {
    $("body").tooltip({ selector: '[data-toggle=tooltip]' });
});

---

访问div中所有工具提示的快捷方法是什么？

您使用元素容器（主体）通过委派初始化了所有具有

数据toggle=“tooltip”

属性的元素：

因此，为了使用destroy禁用它，您需要在身体上执行以下操作：

$('body').tooltip('dispose');

如果要在不委派的情况下执行，可以初始化每个元素（）：

并摧毁它：

$('[data-toggle="tooltip"]').tooltip('dispose'); // used in v4
$('[data-toggle="tooltip"]').tooltip('destroy'); // used in v3 and older

如果仍要通过委托初始化，并使用禁用（）停止其工作：

关于销毁和禁用之间区别的说明摘自：

这是我在引导中得到的答案-因为您使用的是委托（即选择器选项），所以我相信只有一个实际的工具提示实例（在主体上）。因此，试图销毁触发器元素本身上不存在的工具提示实例没有任何效果。

---

比较非授权版本：

要仅销毁

设置中的工具提示，请执行以下操作：

$('#settings [data-toggle="tooltip"]').tooltip('destroy');

选择的答案会破坏工具提示，使其完全消失，并禁用其功能

如果您只是想在维护工具提示功能的同时一次性删除所有工具提示，请使用
$（'.tooltip'）.remove（）
从引导版本4开始，根据文档，您应该使用As
destroy
不再定义。举例如下：

$('#element').tooltip('dispose')

我在Bootstrap 3中遇到过这样一种情况：工具提示出现在
$（'body'）。工具提示（'destroy'）
在通过
$（'[data toggle=“tooltip”]'）初始化的工具提示上不起作用。工具提示（{container:'body'）

最后使用
onchange=“$（'.tooltip'）.remove（）”
删除所有工具提示。此方法适用于BS方法不适用的情况。希望它能帮助有类似情况的人奇怪的是“破坏”不起作用。。。他们的医生就是这么说的。。。谢谢！：）尝试使用此选项（而不是我的解决方案）时，工具提示不会再次触发，但实际上必须对其进行一些更改，因为如果选择了相同的选项，onchange将不会触发。更新为
onclick=“$（'.tooltip'）.remove（）；“onchange=“this.blur（）”
$('body').tooltip({ selector: '[data-toggle=tooltip]' });
$('body [data-toggle="tooltip"]').tooltip('disable');

$('[rel=tooltip]').tooltip()          // Init tooltips
$('[rel=tooltip]').tooltip('disable') // Disable tooltips
$('[rel=tooltip]').tooltip('enable')  // (Re-)enable tooltips
$('[rel=tooltip]').tooltip('dispose') // Hide and destroy tooltips

$('#settings [data-toggle="tooltip"]').tooltip('destroy');

$('#element').tooltip('dispose')