共通のdivをヒントとして使用するツールチップを有効にする...（jQuery）

Question

私はちょっと見たことがありますが、私が探している答えが見つからないようです。

私がしたいこと： 他の要素を含めて、コンテンツを含む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_divのdivの内容とそれらの画像のそれぞれにツールチップを添付する。私はthisを見てきましたが、ターゲット要素の直後にツールチップが来ると思われます。これは、それを関連付けるたくさんのターゲット要素のためにツールチップdivを複製する必要があります（したがって、各画像の後に1回、そのdivを3回持たなければならないでしょう）。

私が並べ替えを行うことができれば幸いです。$('img').tooltip('#tooltip_div')は、基本的にどの要素をツールチップに使用するかを教えてくれます。

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

Answer 1

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

jQuery Tools Tooltip

あなたは、単一のツールチップの要素を指定することができtipオプションに注意してください。

Answer 2

お試しTipTipあなたがツールヒントを持ちたいものにtitle属性を追加し、あなたがして行うことができることを意味し、クラスの先端」を追加します。

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

ます。また、どのようなことを結果としてツールチップの内容をカスタマイズすることができますcontent()メソッドを使用します。可能であれば、.content($("#tooltip_div").html())を使って隠れたdivからコンテンツを取り込みます。

Answer 3

Try Tipsyhttp://onehackoranother.com/projects/jquery/tipsy/：それは偉大なプラグインと

$(".tip").tipsy(); 

Answer 4

ほろ酔いでも優れているを活性化させるのは簡単です。 HTMLを有効にし、静的なmssage（div）を設定すると完了です。

画像にクラスを指定します（例：class="images"）。

次に、あなただけのタイプ： $(".images").tipsy({html: true, fallback: "*your div, your content, whatever*});