工具提示在悬停时被错误定位

Question

我不能为我的生活找出为什么jQuery Tools Tooltips出现在错误的地方。将鼠标悬停在this页面上的三个灰色框中的一个上（例如“屏幕和录音”），并且提示应显示在框中心的顶部。

Answer 1

有一个offset属性可用于轻推工具提示以纠正位置：http://flowplayer.org/tools/tooltip/index.html#positioning。只需向上滚动一下，就可以解释offset属性。请确保您在多个浏览器上查看该网站，以确保offset无需更改。

在我看来，偏移应该约为[0, -150]。试试这个：

$(".tooltip").tooltip({
    track: true,
    delay: 0,
    showURL: false,
    showBody: " - ",
    fade: 250,
    offset : [0, -150]
});

Answer 2

在源代码中的元素样式（使用Firebug检查）中，我发现了这个：

for＃recording-tip

element.style 
{
display:none;
    left:371.5px;
opacity:0;
position:absolute;
top:391.2px;
}

这个左侧属性导致它显示在“错误”的位置。我为我的工具提示使用相同的插件，在样式中删除此左侧属性，您应该设置：）

编辑：经过更多的游戏后，我发现这是由jQuery本身添加的，但这在我使用的版本中不存在，你使用的是一些自定义动画还是效果如何？