在Span标记上使用Javascript或jQuery显示工具提示

在Span标记上使用Javascript或jQuery显示工具提示,javascript,jquery,html,Javascript,Jquery,Html,我想在span标记上显示工具提示 <span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">*</span> * 我已经完成的jQuery代码 <script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script

我想在span标记上显示工具提示

<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">*</span>
*
我已经完成的jQuery代码

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

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

但这不是在运行。提前感谢您的任何帮助。

请记住插入应用程序所需的所有依赖项/包

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js""></script>


确保已加载
jquery
jquery ui
脚本:

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


*将鼠标悬停在浏览器控制台中是否有错误?
tooltip()
函数位于jQuery UI包下,但不在jQuery包下。您已经在代码中注入了jQuery UI包了吗?uncaughttypeerror$不是@satpal的函数,请尝试您的代码(不要错过添加上面的jQuery库)。如果添加()。所以我认为您缺少添加jqueryui,这是JQuery的附加库。