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

Question

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

以下是我在页面上的javascript片段：

$(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 }); 
});

在下面的屏幕截图中，mouspointer实际上位于较低的图像上，但工具提示的位置是第一个。当我将鼠标悬停在第一张图像上时，工具提示内容会相应更改，但位置仍然相同。如果我在那里徘徊了更多的图像，那么这个位置也会保持不变。

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
        });
    });
});