Javascript 来自html标题属性的jquery工具提示
我一直在尝试,这需要很多额外的属性:Javascript 来自html标题属性的jquery工具提示,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我一直在尝试,这需要很多额外的属性: <a rel="tooltip" data-placement="right" data-original-title="Hello" href="#">Tooltip Example</a> 不过,这似乎有点问题,因为我在很多我想使用工具提示的URL上使用rel=“nofollow”,但它不允许我同时使用这两个URL 更重要的是,我希望为没有启用JavaScript的浏览器的用户提供一个优雅的后备方案 我想知道是否有办法让jQ
<a rel="tooltip" data-placement="right" data-original-title="Hello" href="#">Tooltip Example</a>
不过,这似乎有点问题,因为我在很多我想使用工具提示的URL上使用rel=“nofollow”,但它不允许我同时使用这两个URL
更重要的是,我希望为没有启用JavaScript的浏览器的用户提供一个优雅的后备方案
我想知道是否有办法让jQuery工具提示将title=”“
属性视为data original title
,并为数据放置设置默认预设
小提琴:你可以直接调用工具提示。假设您给出了所有
就在
之前
<script>
$('.runtooltip').each(function () {
var $this = $(this);
var options = {
placement: 'top'
}
$this.tooltip();
});
</script>
$('.runtooltip')。每个(函数(){
var$this=$(this);
变量选项={
位置:'顶部'
}
$this.tooltip();
});
您可以在这里看到JSFIDLE当然有。您只需添加title=“”,它就会选择文本作为工具提示
<a rel="tooltip" data-placement="right" title="my title"
data-original-title="Hello" href="#">Tooltip Example</a>
以下是一个示例:
还有第二个问题:是的,您可以为数据放置设置默认预设。您只需要指定“数据放置:”
谢谢!能否请您在JSFIDLE.net上创建并共享一个相同的提琴?添加了提琴:您的标记似乎来自较旧版本的引导。当前的工具提示插件只需要两个属性,如下所示:data toggle=“tooltip”title=“一些工具提示文本!“
。尽管这里不需要它,但值得注意的是,rel
属性接受多个值:您甚至可以使用CSS 3模拟工具提示,并且仅在不支持CSS 3时使用JS…(Modernizer)。您可以提取工具提示文本[数据原始标题]{content:attr(数据原始标题);}我知道rel接受多个,但由于某种原因,当我使用rel=“nofollow tooltip”时,它不起作用。但是有什么方法可以让它将所有具有title=”“属性的内容都作为工具提示,而不是添加数据toggle=“tooltip”“还有吗?我的意思是,有没有一种方法可以修改脚本以设置默认数据位置,并让它将title=”“解释为数据原始title=”“。我想省略属性。我想排除rel=”“。类似这样的功能可以工作:函数showtooltip(){$('a[title=“*”])。tooltip({
类似于具有title属性的所有超链接的通配符吗?是的,只需使用[title]作为选择器,这就是您所需要的!FIDLE已更新。
<a rel="tooltip" data-placement="right" title="my title"
data-original-title="Hello" href="#">Tooltip Example</a>