Подсказка Bootstrap с data-html и box2dweb

У меня есть этот странный баг. Если я добавлю box2dweb в свой список javascripts. Моя всплывающая подсказка начальной загрузки больше не будет принимать HTML. У меня есть этот код:

<!DOCTYPE html>
<html>
	<head lang = "en">
		<meta charset = "utf-8">
		<meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Test</title>
		  <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
  <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
	</head>
	<body>

		<div class = "container-fluid">
			<button class = "btn-sm btn-primary col" id = "btn-test" data-toggle = "tooltip" data-placement = "bottom" data-html = "true" title = "<font size='30'>Tooltip</font> <u>with</u> <b>HTML</b>">Test</button>
		</div>
		
		<!-- javascript -->
		<script type = "text/javascript" src = "js/external/jquery-3.3.1.min.js"></script>
		<script type = "text/javascript" src = "js/external/bootstrap.bundle.min.js"></script>
		<script type = "text/javascript" src = "js/external/box2d.min.js"></script>
		
		<script type = "text/javascript">
			$(function () {
			  $('[data-toggle = "tooltip"]').tooltip()
			})
		</script>

	</body>
</html>

Он не отображает HTML во всплывающей подсказке как HTML. Но если я удалю строку скрипта, которая внедряет box2dweb, она будет работать.

Есть ли способ исправить это?

Box2DWeb: Гитхаб

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
67
1

Ответы 1

Убедитесь, что вы включили

<script type = "text/javascript" src = "js/external/jquery-3.3.1.min.js"></script>
<script type = "text/javascript" src = "js/external/bootstrap.bundle.min.js"></script>
<script type = "text/javascript" src = "js/external/box2d.min.js"></script>

в теге <head>

и

<script type = "text/javascript">
            $(function () {
              $('[data-toggle = "tooltip"]').tooltip()
            })
</script>

вне тега <body>.

Другие вопросы по теме