工具提示在懸停時出錯位置

我不知道爲什麼jQuery Tools工具提示出現在錯誤的地方。將鼠標懸停在三個灰色框上this頁面（如「屏幕&錄音」）之一，並提示應該出現在中心的盒子上面。工具提示在懸停時出錯位置

2010-09-14 James Skidmore

沒有必要使用URL縮短器。你想清除「推薦人」嗎？ – alex 2010-09-14 23:58:54

@alex，不只是不想讓URL獲得索引。 – 2010-09-15 01:12:05

有一個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] 
});

來源

2010-09-15 00:04:29

感謝SimpleCoder。我用偏移量更新了它，它在Windows和Mac上不同。兩款FF/Safari Mac都向右顯示了大約150px，而IE6/7/8/FF/Chrome Windows都顯示它現在居中。看起來我可能需要解決根本問題，因爲它們原本是一致的，但在項目過程中出現了某種失誤。有任何想法嗎？ – 2010-09-15 01:31:20

您很可能需要在不同的瀏覽器上測試該站點，因此您可以微調每個站點的偏移量。我不確定爲什麼實際需要偏移量，但只要偏移起作用，我就不會看到使用它的問題。 – 2010-09-15 22:23:00

在源代碼（有Firebug覈對）元素的風格，我發現這一點：

爲＃記錄尖

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

該左屬性導致它顯示在「錯誤」的地方。我使用相同的插件爲我的工具提示，刪除這種左側屬性的風格，你應該設置:)

編輯：經過更多的玩耍後，我發現，這是由jQuery本身添加，但這在我使用的版本中不存在，您是否使用了一些自定義動畫或效果？

來源

2010-09-15 07:21:30 Kyle

工具提示在懸停時出錯位置

回答

相關問題