jQuery UI的工具提示 - 沒有出現在元素

的頂部請在這個JS FIDDLE jQuery UI的工具提示 - 沒有出現在元素

我希望我的提示，以顯示該元素的頂部檢查我的代碼。我做錯了什麼？

我還沒有找到工具提示的jQuery UI的文檔中關於position屬性任何有用的信息有哪些呢我和手段......我複製從他們的演示

來源

2012-10-16 DS_web_developer

代碼如果我理解正確的話，你想要工具提示文本完全覆蓋它的意圖工具提示的圖像？

不幸的是，這不可能與工具提示。原因在於，工具提示僅在鼠標懸停在工具提示啓動元素上方時纔有效。當你的工具提示覆蓋那個元素時，你的鼠標然後在工具提示上，而不是選定的元素，這將觸發工具提示的關閉事件。

如果最終結果比如何更重要，可以將工具提示的open和close事件設置爲click而不是其默認值，然後相應地進行定位。

編輯（解釋at和my：

my和at是有點像一個動態的X，Y座標系統來幫助你調整你的元素，但每一個都是一個x，y中和本身，他們都讓你有彼此的關係2名對象中設置的參考點，在這種情況下，作爲提示（my），以及對象的工具提示上實例（at）。

在my您案例是工具提示帽子彈出，at是當鼠標事件被觸發時的圖像，導致工具提示實例化。這些選項中的每一個都採用扁平字符串或相對字符串位置來確定2個對象之間的關係（位於DOM的位置）。所以，如果你想提示的頂部中心與圖像的絕對中心對齊，無論他們出現在DOM中，你會設置如下：

position: { 
      my: "center top", 
      at: "center center" 
     }

您可以通過補償獲得更多的控制通過結合像素值或％值，可以/兼具my和at。

position: { 
      my: "center+10 top+50", 
      at: "center+5 center+25" 
     }

來源

2012-10-16 14:54:05

不，我只想讓我的工具提示在我的元素的頂部顯示。加上簡單的動畫像這裏：http://jqueryui.com/tooltip/#custom-animation（最後一個鏈接，而不是顯示在底部，顯示在頂部） –

在這種情況下，布魯諾的覆蓋。 –

你應該設置位置「我」爲「自下而上（底部的距離）檢查這個JS FIDDLE

來源

2012-10-16 14:54:34

謝謝......這個術語是什麼意思......我和在？無論如何，它們都是。爲什麼我放棄你的例子中的動畫？ –

「我」是：位置：{ **我：**「中心底部-50」，在：「中央頂部」 }，你失去的動畫，因爲我改變了提示的位置，但不會改變動畫的開始，請參閱[JS FIDDLE]（http://jsfiddle.net/tKwKX/14/）。在這一行'ui.tooltip.animate（{top：ui.tooltip.position（）。top + 10}，「fast」' –

lol ...我知道我的位置（在代碼中）.. hehe .. ..我不知道這是什麼意思;） –

只是想給簡單回答未來搜索誰也無法讓他的頭腦圍繞這個詞..定義是..我的是我的選擇..像「我」的形象..

$('img').tooltip();

同時在被當工具提示應該出現「在」

例如：

$('img').tooltip({ position: { my: "right center", at: "left center" } });

在這裏，我們選擇了「我的」圖像在右邊，垂直居中。並且工具提示將出現在相對於圖像的左側以及垂直居中位置。

來源

2013-01-20 15:04:57 symphony86

jQuery UI的工具提示 - 沒有出現在元素

回答

相關問題