javascript - Twitter Bootstrap 工具提示不起作用

Question

我已经下载了 Twitter Bootstrap 并将 .js 文件包含在页脚中。当您将鼠标悬停在信息图标上时，我希望出现一个工具提示。所以我有这个代码：

<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。

希望我已经说清楚了。

任何答案都非常感谢，因为这已经让我绞尽脑汁两天了。

阿兰

score 5 · Accepted Answer

你应该给这样的东西：

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

属性选择器应该应用于元素。

score 0 · Accepted Answer

按预期为我工作。你确定你已经包含jQuery了 twitters Tooltip-plugin（以正确的顺序）吗？

score 0 · Accepted Answer

@Arran我也有同样的问题，但如果我将'title'更改为'data-original-title'那么它对我有用。尝试使用这个：

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

3 回答 3