Tipsy 在同一位置显示各种工具提示

Question

我有一个垂直对齐的图像列表，周围有锚标记。每个锚标记都有一个 rel='tipsy' 属性和一个 title 属性，其中包含应该在 Tipsy 工具提示中出现的 html 内容。当我将鼠标悬停在其中一张图片上时，其工具提示会正确呈现，但其位置始终位于顶部图片上。

这是我在页面上的 javascript sn-p：

$(function() {
    $('a[rel=tipsy]').tipsy({fade: true, gravity: 'w', fallback: "Couldn't Load Info!", html : true, delayIn: 450, delayOut:50, offset:0, opacity:1.0, title:'title', trigger:'hover', live:true }); 
});

在下面的截图中，鼠标指针实际上是在下图，但工具提示的位置在第一张。当我将鼠标悬停在第一张图片上时，工具提示内容会相应更改，但位置仍然相同。如果我悬停更多图像以防它们在那里，位置也会保持不变。

Answer 1

试试改成

$(function() {
    $('a[rel=tipsy]').each(function(){
        $(this).tipsy({
            fade: true, gravity: 'w', fallback: "Couldn't Load Info!", html : true, delayIn: 450, delayOut:50, offset:0, opacity:1.0, title:'title', trigger:'hover', live:true
        });
    });
});