Question

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

<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">*</span>

我做过的jQuery代码

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

但这不是在运行。提前获得任何帮助。

Answer 1

确保您已加载jquery和jquery-ui脚本：

＆＃13;

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

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">* Hover</span>

＆＃13;

Answer 2

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

<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>

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

2 个答案: