内容简介:翻译自:https://stackoverflow.com/questions/15023565/twitter-bootstrap-tooltip-for-span-tag-not-for-a-tag
所以,解决方案是使用:
jQuery的:
$("[rel='tooltip']").tooltip();
HTML:
<a href="#" rel="tooltip" title="A nice tooltip">test</a>
这很完美.
我的问题是:如果我想使用<span>该怎么办?标记而不是<a>.
应该是<span rel =“tooltip”title =“一个漂亮的 工具 提示”>将鼠标悬停在我身上</ span> ?
它工作得很好但我看到rel属性用于标签.
那么,什么是正确的解决方案?
您可以通过以下方式撰写:
方法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
翻译自:https://stackoverflow.com/questions/15023565/twitter-bootstrap-tooltip-for-span-tag-not-for-a-tag
以上所述就是小编给大家介绍的《html5 – 用于span标记的Twitter Bootstrap工具提示(不适用于标记)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- python中的正则表达式模式,用于解析HTML标题标记
- YAML,另一种标记语言?不止是标记语言
- 开发 地图标记工具 后记
- WPF标记扩展的笔记
- IOS自动进行View标记
- xml – 在标记中嵌入XSL代码
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
安全测试指南(第4版)
OWASP基金会 / 电子工业出版社 / 2016-7-1 / CNY 89.00
软件安全问题也许是这个时代面临的*为重要的技术挑战。Web应用程序让业务、社交等网络活动飞速发展,这同时也加剧了它们对软件安全的要求。我们急需建立一个强大的方法来编写和保护我们的互联网、Web应用程序和数据,并基于工程和科学的原则,用一致的、可重复的和定义的方法来测试软件安全问题。本书正是实现这个目标的重要一步,作为一本安全测试指南,详细讲解了Web应用测试的“4W1H”,即“什么是测试”、“为什......一起来看看 《安全测试指南(第4版)》 这本书的介绍吧!