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

时间:2013-08-04 23:22:04

标签: jquery tooltip slideshow jquery-tools

我正在使用jquerytools tooltip

工具提示将位于 relative 位置到其触发器(带有工具提示的元素)。

我知道可以使用positionoffset这样的选项进行控制:

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

,但相对于触发器 仍然

无论如何,问题是工具提示应该如何成为div的特殊<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。 (它们也具有相同的高度宽度


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

1 个答案:

答案 0 :(得分: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或链接。