Javascript 标签上的引导工具提示无效

当我将鼠标悬停在标签引导工具提示上时，它的工作方式与javascript工具提示示例

http://getbootstrap.com/javascript/#tooltips

我试图让我的工具提示标签以与顶部按钮工具提示示例相同的方式工作

出于某种原因，在我的示例中，它只显示默认方式。如何让我的标签显示工具提示，如引导工具提示顶部示例

我的例子

统一资源定位地址




样本按钮测试。
顶部的工具提示

您只需在JS中添加此代码段即可

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

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

首先需要导入引导js，然后可以使用

$（“[data toggle='tooltip']”）在javascript中添加工具提示功能

其他答案正确地说，您需要此
$（'.btn default，.test'）.tooltip（）
使工具提示正常工作。然而，您遇到的另一个问题是codepen最后包含jquery，因此引导js无法将自身附加到jquery，因此当您尝试调用它时，.tooltip（）函数不可用

使用类似或的方式，因为您可以更好地控制js文件的包含和执行顺序。
您的示例给出了
Uncaught错误：引导程序的JavaScript需要jQuery
Error我确实将js添加到html代码区域，但在那里不起作用。好了，现在我把它改成了js导入的位置，并添加了你的脚本。有人否决了这个答案，并将它与接受的答案进行比较。因此，我们应该设计一个良好的投票检查系统。
<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>