时间戳

首页 > 解决方案 > FontAwesome 5 引导工具提示问题产生两个工具提示

html - FontAwesome 5 引导工具提示问题产生两个工具提示

问题描述

我在使用 FontAwesome 5 时遇到了获取两个工具提示而不是一个的问题，因为它将使用引导工具提示创建额外的 SVG 标记。我什至在任何地方都禁用了引导工具提示的工具提示，但我仍然得到了不想要的工具提示。

可以使用以下代码重现问题

<span                
           class="fa fa-question-circle"
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
</span>

标签： htmlfont-awesome-5twitter-bootstrap-tooltip

解决方案

这个问题是在@serghost 在下面的链接中找到的解决方案之后解决的，它使用标签的包装器而不是在同一个标​​签中使用它。

https://github.com/FortAwesome/Font-Awesome/issues/11902

<span                
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
<i class="fa fa-question-circle"></i>
</span>

推荐阅读