jQuery 工具提示 - 跟随鼠标

Question

我正在编写一段代码，该代码应该添加一个“工具提示”，当您将鼠标悬停在 div 上时，该“工具提示”会跟随鼠标。 (它应该对 3 组 8 个 div 执行此操作)

工具提示的内容放置在一个跨度中，该跨度又位于附加了 .hover 和 .mousemove 的“li”内。

可以在这里看到我想要完成的事情的“活生生的例子”。 (仍在开发中，将鼠标悬停在红色条上时应该可以看到工具提示)。

http://staging2.e2e.be/ciber4/15-werfzones--de-werven-op-een-rij/zoek-op-planning

基本上，我只需要工具提示相对于红色 block ，而不是相对于主体？

还修改了相应的代码。

http://jsfiddle.net/JDST8/

Answer 1

您可以使用$(selector).position()来获取栏的X/Y坐标。它返回一个带有“top”和“left”键的对象，其中包含元素的整页偏移量。

这是一个工作示例:http://jsfiddle.net/xJSMu/

PS:你在 fiddle 中的 x 和 y 偏移量是错误的 - 无论如何都是通过名称来实现的。

PPS:我还添加了一些选择器缓存(经验法则:如果多次使用它，则缓存它而不是再次调用 jQuery 构造函数)。