9

私の質問は、ブートストラップツールチップが機能しないというSOの質問に基づいています

したがって、解決策は次を使用することです。jQuery：

$("[rel='tooltip']").tooltip();

html：

<a href="#" rel="tooltip" title="A nice tooltip">test</a>

そして、それは完璧に機能します。<span>私の質問は、の代わりにタグを使用したい場合はどうなるかということです<a>。

それはすべき<span rel="tooltip" title="A nice tooltip">Hover on me</span>ですか？

完全に機能しますが、rel属性がタグに使用されていることがわかります。

それで、正しい解決策は何ですか？

4

2 に答える 2

24

次の方法で書くことができます：

方法1

  <a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Tooltip on top">Tooltip on top</a>

そして、次のコードで初期化するよりも：

$('a').tooltip();

もう1つの方法は、クラスまたはIDを使用して、次のように1つずつ初期化することです。

方法2

 <span class="top" title="A nice tooltip" data-original-title="Tooltip on right">Hover on me</span>      

<a class="top" title=""  href="#" data-original-title="Tooltip on top">Tooltip on top</a>

次のコードで初期化するよりも：

$(".top").tooltip({
placement: "top"
});

Jsfiddleメソッド1

Jsfiddleメソッド2

于 2013-02-22T14:30:13.083 に答える
4

relで属性を使用したくない場合は<span>、クラスなどの他のものを使用して、ツールチップセレクターを更新します。例：

$("[rel='tooltip'], .tooltip").tooltip();

<span class="tooltip" title="A nice tooltip">Hover on me</span>

jQuery関数内の任意のCSSセレクターを使用$()して、ページ上の任意の要素を任意の方法で選択できます。

于 2013-02-22T12:15:55.923 に答える