2013-06-11 82 views
3

當我向常規鏈接添加工具提示並指定位置(任何位置)時,工具提示僅在鼠標精確地懸停在文本上時纔會顯示。如果我沒有指定職位,那麼它的作用就像所有的豪客一樣。當指定位置時,jQuery工具提示在鏈接上閃爍

這是令人難以置信的令人沮喪的,因爲這是基本的功能。

我在的jsfiddle複製這樣的:http://jsfiddle.net/6EZHZ/65/

另外值得一提的是,在文檔中給出的示例工程:

$(".selector").tooltip({ 
    position: { my: "left+15 center", at: "right center" } 
}); 

這究竟是爲什麼?有沒有一個很好的解決方案,這不是一個醜陋的黑客?

回答

1

使用此代碼:

.tip { 
    background-color: white; 
    display:block; 
} 

默認情況下,當你將鼠標懸停在信件 - 通過信件,我指的是實際的字母,而不是在兩者之間的空間 - 只有這樣的效果開始。 當您將顯示設置爲block屬性時,會將其視爲覆蓋內部字母的矩形。 因此,即使您將鼠標懸停在內部中間空間上,它也會激活「塊」。

+0

感謝您的快速回復。雖然這確實是發生了什麼,但似乎jquery-ui在未指定位置時克服了這一點。我想知道的是,爲什麼在指定職位時不在那裏,以及如何處理。 指定塊也會打斷文本的流向。我嘗試了內聯塊,但它也閃爍。 –