0

少し見回しましたが、探している答えが見つからないようです。

私がやりたいこと：他の要素を含むコンテンツを含むdivがあります。ページ上に非表示のままにしておきますが、toolip divを複製せずに、3つの異なる要素のツールチップとして使用したいと思います。

したがって、たとえば、divと3つの画像があります。

<div id='tooltip_div'>This is <b>a tooltip</b> to be used for the three images</div>
<img src='1.jpg' />
<img src='2.jpg' />
<img src='3.jpg' />

#tooltip_divdivのコンテンツを含む各画像にツールチップを添付したいと思います。これを見てきましたが、ツールチップがターゲット要素の直後に来ることを期待しているようです。これには、関連付けたいターゲット要素の数に応じてツールチップdivを複製する必要があります（したがって、各画像の後に1回ずつ、そのdivを3回持つ必要があります）。

$('img').tooltip('#tooltip_div')基本的に、ツールチップに使用する要素をプラグインに指示することができれば素晴らしいと思います。

誰かが助けることができれば、それは素晴らしいことです！ありがとう！

4

4 に答える 4

2

ほろ酔いを試してみてください。それは素晴らしいプラグインであり、簡単にアクティブ化できます

$(".tip").tipsy();
于 2011-07-20T19:36:18.783 に答える
0

TipTipをお試しください。titleツールチップにしたいものに属性を追加してから、クラス「tip」を追加します。これは、次のことができることを意味します。

$(".tip").tipTip();

メソッドを使用して、結果のツールチップの内容を好きなようにカスタマイズすることもできますcontent()。おそらく、.content($("#tooltip_div").html());を使用して非表示のdivからコンテンツをプルします。

于 2011-07-20T19:35:12.350 に答える
0

ほろ酔いはさらに良いです：http：//onehackoranother.com/projects/jquery/tipsy/。HTMLをアクティブ化し、静的メッセージ（div）を設定すれば完了です。

たとえば、画像にクラスを設定しますclass="images"。

次に、次のように入力します。 $(".images").tipsy({html: true, fallback: "*your div, your content, whatever*});

于 2011-07-20T19:37:05.670 に答える
0

これをサポートする、私が使用した別のツールチッププラグインがあります。

jQueryツールのツールチップ

tip単一のツールチップ要素を指定できるオプションに注意してください。

于 2011-07-20T19:37:25.640 に答える