jquery ui定位不斷變化

Question

我開發了一個小工具提示插件。它在IE，Chrome中工作正常。在Firefox中它是第一次正常工作。第二次，如果我刷新工具提示是奇怪的定位..不知道發生了什麼。

這裏的步驟

1. 在Firefox

   第一點你的鼠標移到第一個輸入框--tooltip將靠近輸入框

   1. 然後向下滾動到第二個輸入框和鼠標通過第二個輸入框 - 第二個輸入框附近的工具提示。
   2. 單擊Firefox中的刷新按鈕不滾動。
   3. 現在將鼠標移過第一個輸入框..您將看不到提示框。
   4. 清除歷史記錄並返回您應該看到輸入框附近的工具提示。

   - >火狐3.6.24/tryed更新到Firefox 8仍然是同樣的問題

的代碼是在 ​​

複製到桌面，並嘗試在你的Firefox .. 。

感謝

Answer 1

從jQueryUI - Position

注：jQuery UI的不支持定位隱藏要素。

（而結果是，它在某種程度上忽略了網頁的滾動偏移量）

您可以通過給它下面的CSS屬性使它成爲一個「看不見塊」八九不離十繞過它：display: block和visibility: hidden權利之前使用position()函數，然後在需要時刪除它們。

檢查http://jsfiddle.net/frozenkoi/RmKyC/我補充說，我說，然後右鍵刪除之前和thecall到tip.position({...})後（你可以用tip.css. ...或任何添加的風格爲內聯）CSS類（.hiddenTip）

您有其他問題也。您在頁面加載時計算工具提示的位置。物品重新排列後會發生什麼？也許文本會因爲窗口被調整大小或插入內容或元素更改大小而重排。工具提示仍顯示在舊的預先計算的位置。我認爲這就是@Eben Roux在他的回答中所談論的。

在我的小提琴中點擊說'演示頁面'的H1，你會看到它是如何得到一個高於它的餘量和一切向下，除了工具提示。

編輯：更新小提琴：http://jsfiddle.net/frozenkoi/wKTnC/基於@ coool的修改。請注意，我添加了!important到display和visibility以及其他一些小的調整。

Answer 2

我發現position行爲奇怪的尚不可見的元素。您可能想要在顯示工具提示時對其進行定位。