2009-10-08 130 views
2

我使用jQuery插件的工具提示底部 - http://docs.jquery.com/Plugins/TooltipJQuery的工具提示插件:提示顯示在頁面

有了基本實現:

$(".tooltip").tooltip(); 

取而代之的是提示的放置本身在輸入框中它屬於並使用鼠標進行跟蹤,它將自己置於頁面的底部。

輸入是基本的,是這樣的:

<input type="text" name="testTooltip" class="tooltip" title="This is the tooltip" /> 

我在條款內容剝離出來的CSS和問題依然存在(有沒有內嵌CSS)。

任何有關可能導致此問題的想法?

回答

10

我有同樣的問題,因爲我不包括jquery.tooltip.css提供的默認樣式:

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #111; 
    background-color: #eee; 
    padding: 5px; 
    opacity: 0.85; 
} 
#tooltip h3, #tooltip div { margin: 0; } 

您既可以使用Firebug與Firefox檢查應用於#tooltip格的樣式,或者你可以檢查你的樣式表以確保包含這些樣式。特別是「位置:絕對的」至關重要。

+0

這是修復它,謝謝。 – bcmcfc 2009-11-03 12:48:16

+0

如果你已經有這個CSS,請參閱這裏的另一個CSS修復:https://stackoverflow.com/a/46347089/2440 – Sire 2017-09-22 07:53:35

0

工具提示插件取決於dimensions plugin - 你有裝載嗎?

+0

謝謝,這是一個很好的留言,我沒有裝它。但是,我現在已經加載了它,而且我仍然遇到同樣的問題。 – bcmcfc 2009-10-08 11:12:04