Bootstrap 4.3.0 工具提示与 jQuery UI 1.12.1 冲突

Question

我有一个奇怪的情况，其中包含 jQuery UI 1.12.1 会破坏我的 Bootstrap 4.3.0 工具提示。

请参阅下文：此工具提示

<i class="fas fa-question-circle" rel="tooltip" data-placement="right" 
   data-original-title="My tooltip"></i>

与初始化$("[rel=tooltip]").tooltip({html:true});

无需包含 jQuery UI 1.12.1 即可工作，但会中断。

注意控制台上没有错误。tooltip() 正在成功执行，没有任何问题。

注释掉 jQuery UI 1.12.1 包含内容并亲自查看！

<i class="fas fa-question-circle" rel="tooltip" data-placement="right" 
   data-original-title="My tooltip"></i>

$("[rel=tooltip]").tooltip({html:true});

.fa-question-circle:before {
    content: "\f059";
}

或者，以下小提琴：最初不起作用，但删除jQuery UI 1.12.1 include，它将开始工作： https: //jsfiddle.net/21v4zh3u/

Answer 1

看起来 jQuery UI Tooltip 和 Bootstrap Tooltip 冲突是问题所在，这里讨论，

解决方案是在jQuery UI之后链接 Bootstrap Bundle ，