Question

Bootstrap Tooltip在chrome中不起作用，但在firefox中工作正常。

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

此外，在firefox中，展示位置无法正常工作，即使在定义为正确之后，它也仅显示在顶部。

Answer 1

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

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

未捕获TypeError：对象[object Object]没有方法'on'

Answer 2

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

Bootstrap工具提示无法在chrome中工作

2 个答案: