span标记的Twitter Bootstrap工具提示(不适用于标记)
span标记的Twitter Bootstrap工具提示(不适用于标记)
提问于 2013-02-22 19:50:07
我的问题是基于SO question 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="A nice tooltip">Hover on me</span>吗？
它工作得很好，但我看到rel属性用于标记。
那么，正确的解决方案是什么呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-22 22:30:13
您可以通过以下方式编写代码：
方法1
<a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Tooltip on top">Tooltip on top</a>然后用下面的代码初始化它：
$('a').tooltip();另一种方法是使用类或is，并逐个初始化它们，如下所示：
方法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
Stack Overflow用户
发布于 2013-02-22 20:15:56
如果您不想在<span>上使用rel属性，只需使用其他属性(如类)并更新工具提示选择器，例如：
$("[rel='tooltip'], .tooltip").tooltip();
<span class="tooltip" title="A nice tooltip">Hover on me</span>您可以使用jQuery函数$()中的任何CSS选择器以任何方式选择页面上的任何元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15023565
复制相关文章
相似问题
腾讯云开发者
