爲什麼我的Jquery Tooltip無法正常工作？

我沒有得到工具提示，我認爲問題出在我的選擇器上。我選擇了一個位於這裏的插件：http://flowplayer.org/tools/tooltip/index.html 它說你可以使用元素的title屬性作爲選擇器。我想要選擇菜單項並在每個菜單項上附上工具提示（以描述菜單鏈接）。看起來最簡單的方法是使用title屬性。我只需要在每個提示中填入大約10個或更少的字。在描述可能是什麼問題之前，讓我再提一些事情。爲什麼我的Jquery Tooltip無法正常工作？

我在頁面上也有jQuery手風琴，來自jqueryui.com網站。該鏈接到jqueryui被放置在從http://flowplayer.org/tools/tooltip/index.html調用jQuery工具之後。我以爲這是jQuery UI，但jqueryui沒有工具提示 - 雖然他們有一個類似的對話框，但我不需要標題，只需要幾個字的空間。

所以，讓我們看看我可能出錯的地方。 A）在調用jqueryui之前調用jQuery工具。當這種情況逆轉時，我的手風琴沒有奏效。

B）插件文檔說，有一個類.tooltip，默認情況下是可用的，代碼還允許我將tooltip的類設置爲tooltip。這絕對沒有得到我爲tooltip設置的任何樣式。我不確定如何確認此工具提示類的存在，因爲它只在出現工具提示時顯示。

C）我的選擇器。起初我嘗試了一個CSS Descendant選擇器，就像我在CSS中一樣。我甚至添加了一個包含工具提示ID的div。

1）第一個選擇器：$（'＃tooltip a [title]），得到一個具有title屬性的標籤。這是在文檔中描述的，但對我來說，似乎你想「觸發」錨標記，而不是它的標題屬性 2）第二次嘗試後代選擇器$（「。art-hmenu a.tt [title] 「） - 我在標籤內部有一個art-hmenu類，它帶有類tt的錨標籤，我想要title屬性。 - 沒有工作。 3）最後，我嘗試使用（「#tooltip」）。find（'a [title]'） - 認爲這會找到帶有title屬性的錨標籤。文檔頁面顯示此代碼將利用元素的title屬性： $（「img [title]」）。tooltip（）; 這可能會在每個img標籤上貼上工具提示，不是嗎？我上面的第一個例子在使用（「#tooltip a：[title]」）時不起作用。也許標題不應該在錨標記上，而應該放在li標記上。我可以利用一些幫助來解決這個問題 - 無論問題出現在哪裏，我想我是如何做出選擇的。謝謝，布魯斯

來源

2011-08-11 Bruce Whealton

我知道這並不回答你的問題，但剛剛研究了一堆不同的工具提示庫 - 看看QTip2 - 它看起來是最好的.. – Stephen

嗯，QTip2確實爲我工作。我只需選擇錨標記，並將文本的標題屬性值顯示在工具提示中。 –

您正在尋找一個屬性，所以使用$('#tooltip a').attr("title")來代替。

來源

2011-08-11 00:14:48 DanyZift

我會試試看。謝謝。 –

這似乎沒有工作。以下是我在站點底部正好位於結束標籤上方的腳本。 <腳本類型= 「文本/ JavaScript的」> \t \t jQuery的（文件）。就緒（函數（）{ \t \t（「#tooltip一」）。ATTR（「標題」）。工具提示（{ \t \t \t位置：「右上角」， \t \t \t tipClass：「工具提示」 \t \t \t}）; \t \t}）; \t –

聽起來好像你太過複雜了。給出鏈接，詞組，輸入，按鈕類的「觸發器」和標題。工具將處理一切。您可以使用.tooltip類來設置工具提示的樣式。您可以使用偏移和位置設置定位工具提示。如果你想讓樣式變得瘋狂，你可以佈局：或者打開插件源代碼並在Append（標題）周圍包裝html。

來源

2012-03-28 12:00:18

爲什麼我的Jquery Tooltip無法正常工作？

回答

相關問題