Tipsy在相同的位置顯示各種工具提示

我有一個包圍錨標籤的垂直對齊圖像的列表。每個定位標記都有一個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竟是較低的圖像，但工具提示的位置在第一位。當我將鼠標懸停在第一張圖片上時，工具提示內容會相應更改，但位置仍然相同。如果我徘徊在更多的圖像，以防他們在那裏，這個位置也會保持不變。

In this screenshot the mouspointer was actually on the lower image, but the tooltip's position is on the first. When I hover over the first image, the tooltip content changes accordingly, but the position is still the same. And the position would also stay the same if I hovered more images in case they were there...

來源

2011-03-15 David Haddad

這可能與你的HTML的一些CSS。你能給我們更多的細節嗎？我無法重現您的問題。 – marcosfromero 2011-03-15 02:29:18

驗證css問題是否來自您自己的css的一種方法是刪除您的css文件，只留下醉意的css文件... – 2011-03-15 04:38:46

嘗試將其更改爲

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

來源

2012-02-10 02:20:06 printf

謝謝，你能詳細說明爲什麼這會起作用嗎？ – 2012-02-11 13:40:02

Tipsy在相同的位置顯示各種工具提示

回答

相關問題