我的问题是基于问题
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" });
Jsfiddle Method 1
Jsfiddle Method 2