2012-08-29 69 views
1

我想設置引導工具提示,它似乎並沒有工作。引導工具提示初始化但不顯示

<p>This is a <a href="#" title="A collection of words.">sentence</a> with a tooltip</p>​ 

$(document).ready(function(){ 
    $("a").tooltip(); 
});​ 

我已經設置了以下jsFiddle

的HTML似乎轉化爲以下幾點:

<p>This is a <a href="#" data-original-title="A collection of words.">sentence</a> with a tooltip</p> 

而且提示HTML呈現:

<div class="tooltip fade top in" style="top: -34px; left: 20.5px; display: block; "><div class="tooltip-arrow"></div><div class="tooltip-inner">A collection of words.</div></div> 

有了正確的CSS樣式:

enter image description here

但它從來沒有在瀏覽器中顯示?

enter image description here

+1

是不是可以通過增加數據放置=「底」,以顯示其底部? – gaurang171

+0

好點 - jsFiddle中的問題是它被iframe隱藏。我的生產代碼和jsFiddle之間的細微差別.. – Darbio

+0

正如我回答這個..:P – Fred

回答