1

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

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

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

4

2 回答 2

1

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

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

未捕获的类型错误：对象 [object Object] 没有“on”方法

于 2013-08-22T06:10:31.020 回答
0

相当老的问题，但我今天遇到了这个问题，这些答案都不适用于我的问题。我的问题是，我一直在禁用按钮上使用工具提示，根据 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 似乎也可以在没有包装器的情况下处理它。）

于 2021-07-05T14:29:29.637 回答