Bootstrap 4.3.0工具提示与JQuery UI 1.12.1发生冲突

Question

我有一个奇怪的情况，其中包括jQuery UI 1.12.1打破我的bootstrap 4.3.0 Tooltip。

参见下文：此工具提示

<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包含的工作，但会破裂。

请注意控制台上没有错误。工具提示((正在成功执行，没有问题。

评论jQuery UI 1.12.1包括并亲自查看！

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.js"></script>
<!-- THIS LINE MAKES IT BREAK! INCLUDING jQUERY UI 1.12.1 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<i class="fas fa-question-circle" rel="tooltip" data-placement="right" data-original-title="My tooltip"></i>

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

Answer 1

看起来像jQuery UI Tooltip＆amp;Bootstrap Tooltip Collision是此处讨论的问题，

jqueryui工具提示正在与Twitter Bootstrap竞争

解决方案是在 jquery ui，

之后链接Bootstrap Bundle

https://stackoverflow.com/a/26476505/1005607

Answer 2

从我看来，更好的解决方案是转到jQuery UI网站并仅使用您想要/需要的UI组件构建分发。我遇到了同样的问题，并取消了工具提示小部件，下载了结果分布并解决了我的问题。

花了一些时间尝试获得JS文件的正确顺序，这是一个更简单的解决方案，并且不容易破裂。