我的问题是基于问题
Bootstrap tooltips not working
所以,解决方案是使用:
jQuery的:
$("[rel='tooltip']").tooltip();
HTML:
<a href="#" rel="tooltip" title="A nice tooltip">test</a>
这很完美.
我的问题是:如果我想使用< span>该怎么办?标记而不是< a>.
应该是< span rel =“tooltip”title =“一个漂亮的工具提示”>将鼠标悬停在我身上< / span> ?
那么,什么是正确的解决方案?
解决方法
您可以通过以下方式撰写:
方法1
<a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Tooltip on top">Tooltip on top</a>
然后使用以下代码初始化它:
$('a').tooltip();
另一种方法是使用类或id并逐个初始化它们,如:
方法2
<span class="top" title="A nice tooltip" data-original-title="Tooltip on right">Hover on me</span> <a class="top" title="" href="#" data-original-title="Tooltip on top">Tooltip on top</a>
比使用以下代码初始化它:
$(".top").tooltip({ placement: "top" });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。