Типси показывает разные подсказки в одной позиции

Question

У меня есть список вертикально выровненных изображений, окруженных тегами привязки. У каждого тега привязки есть атрибут rel = 'tipsy' и атрибут title с содержимым HTML, который должен идти во всплывающей подсказке. При наведении курсора на одно из изображений его подсказка отображается правильно, но его положение всегда находится на верхнем изображении.

Вот фрагмент кода 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 }); 
});

На скриншоте ниже, указатель мыши на самом деле был на нижнем изображении, но позиция всплывающей подсказки на первом. При наведении курсора на первое изображение содержимое всплывающей подсказки изменяется соответствующим образом, но положение остается прежним. И позиция также осталась бы прежней, если бы я поместил больше изображений, если бы они были там.

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