0

Apparently you can add a Twitter Bootstrap tooltip to any element that has the .tooltip class, like so:

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

However, adding this class to a span tag does not seem to work. Example:

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

Only links seem to work with tooltips. Example:

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

Here's a jsFiddle to demonstrate: http://jsfiddle.net/ZznzE/

So how can I display a tooltip for text wrapped in a span?

4

1 に答える 1

3

は必要ありませんclass="tooltip"が、rel="tooltip"

このような：

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

私はあなたのフィドルを更新しました。

cursor: pointerまた、span タグの CSS にa を追加しました。使いやすさの点ではこれの方が優れているため、ユーザーはページのどこでインタラクションがあるかを知ることができます。

編集：

tooltip クラスは、使いたいように使用するためのものではありません。ツールチップ クラスは、ツールチップ自体を処理します (たとえば、ホバリングしていないときは非表示にします)。

これを試してください：http://jsfiddle.net/Xz2e7/3/

于 2013-06-27T09:08:17.400 に答える