Jqueryのツールチップは、段落テキスト内にあるリンクの上の絶対位置ですか？

段落内のHTML要素の位置を取得しようとしています。例えば。スパンまたはアンカー。私は要素の幅も好きです。Jqueryのツールチップは、段落テキスト内にあるリンクの上の絶対位置ですか？

オブジェクトをホバーすると、要素の上に動的に/ツールチップの種類をアクティブ/ビルド/表示できます。

これは、既存のコンテンツに動的に追加する必要があるため、たとえばsomekindaの「検索置換」jQueryを使用して、要素をスキャンします。 DIVを作成し、この "機能"に一致するすべてのものに対してこれを行います。

主な問題/質問です：私はマウスでホバリングしてい要素の「現在の絶対的な」位置を取得するにはどうすればよい

。私は、ツールバー/ツールチップをマウスに追従させたくないのではなく、そのホバリングの要素に "スナップ"する必要があります。。？私は考えていた：「場所のBOXの-20pxを現在の要素からマッチ幅....可能

を、このためのjQueryプラグインがすでにある - または

サンプルコード：

<div class="helper"> 

     <h1>headline</h1> 

     <p>Here is some sample text. But <a href="somewhere.htm" class="help help45">this is with an explanation you can hover</a>. <a href="somewhereelse.htm">And this isnt.</a> 

     <ul> 
      <li>We could also do it <a href="somewhere.htm" class="help help32">inside a bullet list</a></li> 
     </ul> 

    </div>

？

.helpは "help"をトリガするクラスであり、.help45または.help32は必要なhelpectionです（しかし後で別のタスクがありますので、 "help45"から "id"を取得することを望みます）。 id = 45のserverlookupは、表示する必要があるテキストを読み込むことができます。

Nb。ページがある場合スクロールなど。helptipはまだクローズ/非表示になるまで、ページ上の項目に従う必要があります。

出典

2011-01-15 BerggreenDK