Javascript 如何使用bootstrap4工具提示禁用本机浏览器工具提示

以下代码显示引导工具提示和本机标题属性工具提示：

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

这是我的文本。
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})

---

我怎么能不显示Font5图标svg的本机标题属性，所以只显示引导工具提示？

您可以尝试以下HTML

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

这是我的文本。

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

如果属性前缀为

数据

，则Bootstrap 4工具提示也可以显示工具提示。因此，您可以将

标题

属性替换为

数据标题

这是一把小提琴

---

我对上述答案中的

数据标题有疑问，我不得不使用
数据原始标题。您可以使用jQuery中的
attr
函数或直接在DOM中设置此属性

HTML:

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

$(function () {
    //Initialize the Bootstrap tooltip
    $('[data-toggle="tooltip"]').tooltip();

    //Force the Tooltip title change at run time
    $('.fa-question-circle').attr('data-original-title', "This is my tooltip.");
})

你可以通过
标题
属性来实现，所以不要直接使用
数据标题
或
数据原始标题
属性，因为如果我们的目标是SEO友好的页面，那么就需要写好标题文本。因此，这不是
Bootstrap4
工具提示问题，主要原因是当创建
svg
时，通过
fontawesome
脚本标记图标，然后将其包装
title=“hello”属性
到
hello标记
内svg标记。

因此，我们可以通过
show.bs.tooltip
事件删除
title
标记。


文件：


$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});
$（函数（）{
$（'[data toggle=“tooltip”]'）。on（'show.bs.tooltip'，函数（e）{
//从内部创建的svg标记中删除标题标记
$（this.find（'title'）.remove（）；
});
});

这是我的文本。
Remove
title=“这是我的工具提示。”
您就完成了。怎么了