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。

希望我已经说清楚了。

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

阿兰

Answer 1

你应该给出这样的东西:

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

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