javascript - 如何使用 bootstrap4 工具提示禁用 native 浏览器工具提示

Question

以下代码同时显示引导工具提示和 native 标题属性工具提示:

This is my text. 
<i class="far fa-question-circle" data-toggle="tooltip" title="This is my tooltip."></i> 
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

Fiddle

我怎么能不显示 Fontawesome 5 的 icon-svg 的原生标题属性，所以只显示 Bootstrap-tooltip？

Answer 1

你可以试试下面的 HTML

This is my text. <i class="far fa-question-circle" data-toggle="tooltip" data-title="This is my tooltip."></i> 

由于浏览器的默认特性很难覆盖并且可能导致意外行为，我们可以选择其他方法来解决问题

如果属性以 data 为前缀，Bootstrap 4 工具提示也可以显示工具提示。所以你可以用 data-title

替换 title 属性

这是一个工作 fiddle

https://jsfiddle.net/samuelj90/qfcs9azv/18/