用于停用文档上所有 bs.tooltip 的 JavaScript 选项 - Javascript

简介

本代码片段演示了如何使用 JavaScript 停用 Bootstrap 的 Tooltip 插件（bs.tooltip）。Tooltip 是一种常用于显示简短提示信息的用户界面组件，但有时我们需要禁用它。

代码示例

// 获取所有拥有 bs.tooltip 类的元素
const tooltips = document.querySelectorAll('.bs.tooltip');

// 循环遍历每个 tooltip 元素
tooltips.forEach((tooltip) => {
  // 手动销毁每个 tooltip 实例
  const tooltipInstance = bootstrap.Tooltip.getInstance(tooltip);
  if (tooltipInstance) {
    tooltipInstance.dispose();
  }
});

解释

1. 首先，我们使用 querySelectorAll 方法获取页面上带有 .bs.tooltip 类的所有元素，这些元素是使用 Tooltip 组件的。
2. 接下来，使用 forEach 方法遍历每个 tooltip 元素。
3. 对于每个 tooltip 元素，我们使用 bootstrap.Tooltip.getInstance 方法获取其对应的 Tooltip 实例。
4. 如果获取到实例，我们使用 dispose 方法停止该 tooltip 的运行。

注意事项

• 在使用这段代码前，确保已经正确加载了 Bootstrap 的 JavaScript 文件。
• 这段代码适用于最新版本的 Bootstrap（4.x），如果您使用的是其他版本，请根据相应的文档进行调整。

参考链接

• Bootstrap Tooltip 文档
• Bootstrap Tooltips 示例