1

我正在使用jquerytools 工具提示。

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

我知道使用position和offset这样的选项可以控制它：

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

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

无论如何，问题是工具提示应该如何变成特殊的divlike <div id="target"></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。（它们也具有相同的高度、宽度）

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

4

1 回答 1

0

尝试这个：

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 或链接。

于 2013-08-05T22:27:13.767 回答