Jquery工具提示位于段落文本内部的链接上方的绝对位置?

时间:2011-01-15 15:15:04

标签: jquery position tooltip element mouseover

我正在尝试检索段落中HTML元素的位置。例如。跨度或锚点。我也想要元素的宽度。

因此,当我悬停对象时,我可以动态地激活/构建/显示元素上方的工具栏/工具提示。

我需要将它动态添加到现有内容中,所以somekinda“搜索替换”jQuery thingy扫描例如中的元素。一个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是触发“帮助”的类,而.help45或.help32是需要显示的帮助部分(但这是后来的另一个任务,因为我希望从“help45”中检索“id”所以id = 45的serverlookup可以加载需要显示的文本。

的Nb。如果页面滚动等,帮助提示仍然需要跟随页面上的项目,直到关闭/隐藏。

1 个答案:

答案 0 :(得分:0)