引导工具提示在 chrome 中不起作用答案

【问题标题】：Bootstrap tooltip not working in chrome引导工具提示在 chrome 中不起作用
【发布时间】：2013-08-24 17:20:31
【问题描述】：

引导工具提示在 chrome 中不工作，但在 firefox 中工作正常。

<script type='text/javascript'>
 jQuery(document).ready(function () {
 if ($("[rel=tooltip]").length) {
 jQuery("[rel=tooltip]").tooltip({
placement: 'right',
trigger: "hover"
});
 }
});
</script>

而且该位置在 Firefox 中也无法正常工作，即使在定义为正确之后，它也只显示在顶部。

【问题讨论】：

看起来不错jsfiddle.net/arunpjohny/4HptX/2
你能更新 jsfiddle 来重新创建案例吗……还有使用的 jQuery 和 bootstrap 的版本
引导版本 - v2.2.1, jQuery - v1.6.3
是版本的问题吗？在 chrome 中无法正常工作？但是我使用 CDN 加载了新版本的 Bootstrap 3.0 和 Jquery 2.0，但也不能在 chrome 中工作。

标签： javascript jquery google-chrome twitter-bootstrap twitter-bootstrap-tooltip

【解决方案1】：

这是一个很老的问题，但我今天遇到了这个问题，这些答案都不适用于我的问题。我的问题是，我一直在禁用按钮上使用工具提示，根据 Bootstrap 的文档，这是不可能的： https://getbootstrap.com/docs/4.3/components/tooltips/#disabled-elements

要处理这种情况，必须使用包装器元素，工具提示应用到的地方。例如：

<span data-toggle="tooltip" title="Disabled tooltip">
  <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
</span>

同样重要的是在禁用按钮上使用style="pointer-events: none;" 属性。否则它也不会在 Chrome 中工作。（Firefox 似乎也可以在没有包装器的情况下处理它。）

【讨论】：

【解决方案2】：

您需要将您的 jQuery 更新到至少 1.7，因为它看起来像 bootstrap 2.2.1 正在使用 .on()。

查看您的浏览器控制台，它正在抛出错误

Uncaught TypeError: Object [object Object] has no method 'on'

【讨论】：

显示错误为'Uncaught TypeError: Object [object Object] has no method 'styleSwitcher''
但我是从 CDN 间接调用它，所以应该可以解决问题吧？ jQuery 2.0
你能分享链接吗...cdn链接会给出版本
@user2695925 jquery 2.0.0 和 bootstrap 2.2.1 看起来不错jsfiddle.net/arunpjohny/4HptX/3
@user2695925 你检查我上面贴的链接了吗