我正在使用jquerytools tooltip。
工具提示将位于 relative 位置到其触发器(带有工具提示的元素)。
我知道可以使用position
和offset
这样的选项进行控制:
$('#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。 (它们也具有相同的高度,宽度)
仍在寻找更清晰的解决方案。
答案 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或链接。