[英]Show tooltip using Javascript or jQuery on Span Tag
I want to show tool-tip on span tag. 我想在span标签上显示工具提示。
<span class="test" href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">*</span>
The jQuery Code That I have done 我完成的jQuery代码
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
But this is not running. 但这没有运行。 Any Help appreciated in advance.
任何帮助提前表示感谢。
Make sure you have loaded jquery
and jquery-ui
scripts: 确保已加载
jquery
和jquery-ui
脚本:
$(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); });
<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>
Remeber to inject all the dependency / packages needed for your application. 记住要注入应用程序所需的所有依赖项/软件包。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.