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, но не работает с ним.

ПРИМЕЧАНИЕ В консоли нет ошибок.Подсказка () успешно выполняется без проблем.

Закомментируйте, что включает в себя 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, включая , иэто начнет работать: https://jsfiddle.net/21v4zh3u/

Answer 1

Похоже, что обсуждаемая здесь проблема - столкновение всплывающей подсказки и всплывающей подсказки пользовательского интерфейса jQuery.

Всплывающие подсказки jQueryUI конкурируют с начальной загрузкой Twitter

Решение заключается в создании ссылкиКомплект начальной загрузки ПОСЛЕ jQuery UI,

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