Bootstrap 4 为什么工具提示样式没有'；在引导程序4中不起作用，但在引导程序3中起作用？

使用引导4时，工具提示的样式不起作用。 但是当使用Bootstrap3.4时，它是有效的

例如：

X1

看起来不像：X1

以下操作不起作用：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script  src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script async src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

以下工作：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

我正在使用：

<a href="#" data-html="true" data-toggle="tooltip" 
title="Hooray! <sub>2</sub>">Hover over me</a> 

<script>
$(document).ready(function() {$('[data-toggle="tooltip"]').tooltip() });
</script>

$（document）.ready（function（）{$（'[data toggle=“tooltip”]'）。tooltip（）}）；

---

我试图将jquery更改为3.4.0，但没有效果。

在bootstrap-4中，如果使用工具提示，则必须包含popper.js

---

bootstrap.min.js不应该是异步的，因为它依赖于popper和jquery。

尝试用bootstrap 4的数据标题替换标题属性。嗨，Paul，你的意思是：~~~~~~~~~数据标题=“Hooray！2”而不是title=“Hooray！2”~~~~~不起作用。我使用BS4时是这样的：

rel=“tooltip”数据切换=“tooltip”数据触发器=“hover”数据放置=“left”data html=“true”data title=“someHtmlTooltip”

和

$（'[rel=“tooltip”]'）。工具提示（{trigger:'hover'，placement:'left'}）；

再次感谢Paul的大力帮助：）我现在尝试了延迟，这应该类似于将其定位在正文的末尾，而且也可以工作：）。据我所知，异步应该是“在中间”“在常规脚本和延迟脚本之间。所以我不知道为什么延迟有效而异步无效？我不时地阅读下面的漂亮图表：PS正如您所建议的async和下面的一样，也可以完成这项工作$（window）.on（'load'，function（）{$（'[data toggle=“tooltip”]'）。tooltip（）}）；好的，我理解，因为bootstrap.min.js依赖于jquery，所以它必须是“defer”，否则它可能会在jquery加载之前执行