2010-09-23 58 views
2

我試圖讓mouseti上的工具提示仍然可見。它在第一次鼠標懸停時起作用。但嘗試鼠標,然後鼠標懸停另一個鏈接和mouseover該工具提示。它會消失。爲什麼我的工具提示不能在mouseover上顯示? (jQuery)

查看jsFiddle上的代碼。我很想知道我在這裏做錯了什麼。

http://jsfiddle.net/6FpM8/7/

+1

不知道你的意思,似乎工作對我罰款 – 2010-09-23 08:26:44

+0

沒有它不工作。他希望在徘徊時保持工具提示並褪色。不只是懸停鏈接...再試一次。 – jatt 2010-09-23 08:39:09

+0

這絕對不是對我來說正確的工作。你是否嘗試過簡單地在一個鏈接上進行鼠標移動(不會出現提示信息),然後將鼠標移到另一個鏈接上,然後通過工具提示本身進行移動?有時消失,有時消失。我正在使用Chrome。 – 2010-09-23 08:41:15

回答

2

你遲到了,但對於其他人可能會降落在這裏。使用version from github。然後,該插件的標題參數使用此回調函數

$('.tooltip').tipsy({ html:true, delayOut:2000, title: function(){ 
     $('.tipsy').hide(); 
     return this.getAttribute('original-title'); 
    } 
}); 
+0

你可以鏈接到插件的版本喲談論? – Spycho 2011-06-29 14:40:43

+0

@Spycho:我從這裏得到了 - https://github.com/jaz303/tipsy/zipball/v1.0.0a。今天早上使用它,它爲我工作。 – Aman 2011-06-29 17:05:48

0

試試這個

<a class="mylink" id="1" href="#" title="hey" >Test</a> 
<a class="mylink" id="2" href="#" title="hey" >Test</a> 
<a class="mylink" id="3" href="#" title="hey" >Test</a> 

只需通過HTML標籤,而不是JS,在我的火狐狸工作設置標題。

+0

我不確定這是回答這個問題。 – 2010-09-29 21:03:42

+0

我只是說在html標籤中設置標題,而不是用javascript修復它。這對我來說是完美的。 – Olical 2010-09-30 08:19:24

2

我知道這是一個老氣的問題,但你可以通過兩種既

$(".id of tooltip").tipsy({delayOut: "length of time" });

改變delayOut選項或者你可以在醉意的JS改變它。

或者,您可以更改js中的離開功能以適應您的需要。

+0

感謝您的想法。問題仍然沒有解決,不幸的是'delayOut'沒有做我想做的事。即使將鼠標懸停在工具提示本身上,我也試圖保持工具提示。 – 2010-11-12 19:16:40