jquerytools 工具提示将工具提示定位到一个特殊的 div 而不是相对于触发器的位置答案

【问题标题】：jquerytools tooltip to target the tooltip into a special div instead of a position relative to trigger'sjquerytools 工具提示将工具提示定位到一个特殊的 div 而不是相对于触发器的位置
【发布时间】：2013-08-04 23:22:04
【问题描述】：

我正在使用jquerytools tooltip。

工具提示将出现在与其触发器（带来工具提示的元素）相对的位置。

我知道使用 position 和 offset 选项可以控制它，如下所示：

$('#trigger').tooltip({effect: 'slide', offset: [63, -172]});

，但它仍然相对于触发器。

无论如何，问题是工具提示应该如何变成像<div id="target"></div>这样的特殊div？

我什至尝试过$('#trigger').tooltip(effect: 'slide', target: '#target')，但没有区别。

它可以以某种方式称为幻灯片，但不同之处在于，当没有悬停幻灯片的缩略图时，不应该显示任何内容，并且默认背景图像将可见。所以我决定使用这种方式。（所以也不应该在一段时间后显示每张幻灯片）。

更新：

因为这个问题，我用了下面这个真的很丑的解决方案，但是确实有效！

$("#slide1").tooltip({ effect: 'slide', offset: [-10, -213]});
$("#slide2").tooltip({ effect: 'slide', offset: [-10, -108]});
$("#slide3").tooltip({ effect: 'slide', offset: [-10, -3]});
$("#slide4").tooltip({ effect: 'slide', offset: [-10, 102]});
$("#slide5").tooltip({ effect: 'slide', offset: [-10, 207]});

实际上，使用这种方法，所有的工具提示都将位于一个特殊的 div 之上，并且它们将具有相同的 x、y。 （它们也有相同的height、width）

仍在寻找更清晰的解决方案。

【问题讨论】：

我不知道为什么，但有人投票结束了这个问题。我对结束我的问题甚至投反对票没有任何问题！但最好告诉我原因，我当然会将其编辑为应有的样子！谢谢
我认为您需要计算工具提示目标在页面中的位置，您希望工具提示显示在附近的元素的位置，然后使用您现在拥有的偏移量的差异。
这正是我在更新中所做的。但它看起来真的很丑的方式。它也非常静态、手动且不方便。
我的意思是动态计算。
你试过我的答案了吗？

标签： jquery tooltip slideshow jquery-tools

【解决方案1】：

试试这个：

var target_top = $('#target').position().top;
var anchor_top = $('#trigger').position().top;
var final_position = anchor_top - target_top;
$('#trigger').tooltip({effect: 'slide', offset: [63, final_position]});

试试这个顶部/y坐标。我没有对此进行测试，如果您想要更准确的答案，可以发布一些 html 或链接。

【讨论】：