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>