Twitter的引导提示不工作

我已经下载了Twitter的引导和包含在页脚中的.js文件。我希望鼠标悬停在信息图标上方时出现工具提示。所以我有这样的代码：Twitter的引导提示不工作

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" title="blah blah blah">

然后，我有这样的脚本来启用工具提示：

<script type="text/javascript"> 
jQuery(function() { 
    $("[rel='tooltip']").tooltip(); 
});

但提示不显示它是如何做的例子在页面上Twitter Bootstrap。 http://twitter.github.com/bootstrap/javascript.html#tooltips

它似乎与我的主题的默认样式，但有趣的事情是，如果我下载WordPress上的Twitter Bootstrap插件并启用插件中的Javascript库 - 它的工作原理。但是，我们可以发现，默认的CSS覆盖了我网站上的CSS。

希望我已经说清楚了。

任何答案非常感谢，因为这已经是我的脑子两天了。

雅兰

灿你为我们准备了一个** [fiddle]（http://jsfiddle.net）**？ – yckart 2013-03-06 11:50:06

肯定 - http://jsfiddle.net/Euqbz/ – 2013-03-06 11:55:30

呃，你舒尔，你知道你做了什么？包括'jQuery'和'Twitter Tooltip'建议让它工作;）看看我的答案：http://stackoverflow.com/a/15246782/1250044 – yckart 2013-03-06 11:56:40

你应该给这样的事情：

<script type="text/javascript"> 
jQuery(function() { 
    $("img[rel='tooltip']").tooltip(); 
}); 
</script>

属性选择应的元素被应用。

2013-03-06 11:53:05 web2008

适用于我的作品。你舒尔您已加入jQuery和Twitter的Tooltip -plugin（以正确的顺序）？

2013-03-06 11:59:03 yckart

' – 2013-03-06 12:03:09

@ArranChristopherScott你能提供一个链接到你的主页吗？ – yckart 2013-03-06 12:04:14

该网站在开发服务器上，只能通过我的家庭网络访问，如果您愿意，我可以为您提供工具提示外观截图，感谢您的帮助 – 2013-03-06 12:05:30

@Arran我也有同样的问题，但如果我改变“称号”到“数据原标题”，然后它工作形式me.Try使用此：

<img src="<?php bloginfo('template_directory'); ?>/img/png/info.png" rel="tooltip" data-placement="top" data-original-title="blah blah blah">

2013-04-19 05:17:44

回答