如何将Twitter Bootstrap工具提示应用于？

Question

显然，您可以将Twitter Bootstrap tooltip添加到具有.tooltip类的任何元素上，如下所示：

$(document).ready(function() {
    $("a[rel='tooltip'], .tooltip").tooltip();
});

但是，将此类添加到span标签似乎不起作用。示例：

<p>1 + 1 = <span class="tooltip" title="Wooo!">2</span></p>

[只有链接似乎适用于工具提示。示例：

<p>2 + 2 = <a href="#" rel="tooltip" title="Wooo!">4</a></p>

这里是一个jsFiddle来演示：http://jsfiddle.net/ZznzE/

那么，如何显示跨度文本的工具提示？

Answer 1

您不需要class="tooltip"，但需要rel="tooltip"

喜欢这个：

<p>1 + 1 = <span rel="tooltip" title="Tip 1">2</span></p>

我更新了您的小提琴，现在可以正常使用：http://jsfiddle.net/Xz2e7/1/

我还在span标签上的CSS上添加了cursor: pointer。为了提高可用性，这更好，因此人们知道页面上有交互的地方。

编辑：

工具提示类并非像您想使用的那样使用。工具提示类负责工具提示本身（例如，当不悬停时，使其不可见）。

尝试一下：http://jsfiddle.net/Xz2e7/3/