Html 引导-工具提示不起作用（使用引导样例）

有人知道为什么我的工具提示不起作用吗

HTML代码：

<div class="form-check">
          <label class="form-check-label" >
            <input type="radio" class="form-check-input" name="optionsRadios" 
            id="has-been" value="has-been" (click)='onRadioClick(2)'> Has-Been
            <i class="fa fa-question-circle" aria-hidden="true" 
            data-toggle="tooltip" data-placement="right" title=""></i>
          </label>

        </div>

添加以下内容：

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

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});  

将某物列入标题

顺便说一句，您使用Bootstrap4CSS和Bootstrap3JS

<link rel="stylesheet" href="https://bootswatch.com/4/flatly/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous">

添加以下内容：

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

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});  

将某物列入标题

顺便说一句，您使用Bootstrap4CSS和Bootstrap3JS

<link rel="stylesheet" href="https://bootswatch.com/4/flatly/bootstrap.min.css">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous">

---

因此，在第一步中，我们需要清理您的代码。您正在加载引导程序3和引导程序4，您必须选择一个。您还多次加载jQuery和Popper，并且您的包含顺序不正确

如果我们清理您的代码以仅支持Bootstrap 4并根据其文档订购，您将获得以下代码：

$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});  

已经
因此，在第一步中，我们需要清理您的代码。您正在加载引导程序3和引导程序4，您必须选择一个。您还多次加载jQuery和Popper，并且您的包含顺序不正确

如果我们清理您的代码以仅支持Bootstrap 4并根据其文档订购，您将获得以下代码：


$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});  

已经
嘿，谢谢，它正在工作。我正在使用前面提到的bootswatch主题，我想使用他们的工具提示，而不是默认的。我上传了一张图片到我的问题。你知道如何使用引导样例工具提示吗。嘿，谢谢你，它起作用了。我正在使用前面提到的bootswatch主题，我想使用他们的工具提示，而不是默认的。我上传了一张图片到我的问题。你知道如何使用引导样例工具提示吗？更新的引导文件中有很多错误。加载JS就像加载样式表一样，多次加载jQuery、bootstrap4和bootstrap3。您的包含顺序错误（jQuery、Popper、bootstrap4），谢谢您的反馈。我是网络编程和引导新手，你能告诉我如何修复这些错误吗？你更新的引导文件中有很多错误。加载JS就像加载样式表一样，多次加载jQuery、bootstrap4和bootstrap3。您的包含顺序错误（jQuery、Popper、bootstrap4），谢谢您的反馈。我不熟悉网络编程和bootstrap，你能告诉我如何修复这些错误吗？嘿，罗伯特，我真的很感谢你的回答我对bootstrap很陌生，所以我每天都在学习。我按照你的指示，根据你的回答整理了我的代码。虽然我得到了默认的工具提示外观。。注意：我在
index.html
的主体中插入了引导代码。这是否正确？@Stelios-确保将工具提示初始化包装在
标记中。是的，我这样做了！我转到了
index.html的
标题，我也遇到了同样的问题…顺便问一下，我是用typescript/angular 4编程的，你知道我还能尝试什么吗？嘿，罗伯特，我真的很感谢你的回答，我是新手，所以我每天都在学习。我按照你的指示，根据你的回答整理了我的代码。虽然我得到了默认的工具提示外观。。注意：我在
index.html
的主体中插入了引导代码。这是否正确？@Stelios-确保将工具提示初始化包装在
标记中。是的，我这样做了！我移动到了
index.html的
标题，我也遇到了同样的问题…顺便问一下，我是用typescript/angular 4编程的，你知道我还能尝试什么吗？