2013-09-25 54 views
0

由於某些原因,tooltip在某些頁面上運行良好,但在其他頁面上運行良好。在這個特定的頁面上顯示爲空白。我也檢查了標題attr沒有jQuery的工具提示,它工作正常。有任何想法嗎?Jquery UI - 工具提示不起作用(顯示空白)

了header.html

$(document).ready(function() 
{ 
    //initiate tabs jquery ui 
    $("#tabs").tabs(); 

    //initiate tooltips 
    $(document).tooltip(); 
}); 

content.html

<td class="options-width"> 
      <div style="display: inline-block" title="Update"> 
       <a href="#"><span class="ui-state-default ui-corner-all ui-icon ui-icon-gear"></span></a> 
      </div> 
      <div style="display: inline-block" title="Clipboard"> 
       <a href="#"><span class="ui-state-default ui-corner-all ui-icon ui-icon-clipboard"></span></a> 
      </div> 
      <div style="display: inline-block" title="Delete"> 
       <a href="#"><span class="ui-state-default ui-corner-all ui-icon ui-icon-tag"></span></a> 
      </div> 
      <div style="display: inline-block" title="Tagged"> 
       <a href="#"><span class="ui-state-default ui-corner-all ui-icon ui-icon-trash"></span></a> 
      </div> 
</td> 

輸出:

Tooltip is showing blank on some elements

+1

你使用的是什麼版本的JQuery和JQuery UI?它在JSFiddle中可以正常工作,如下所示:http://jsfiddle.net/JD8sA/ –

+0

Jquery 1.9.1和Jquery UI 1.10.3 – Tatarin

回答

0

由於工具提示是在文檔完成加載時構建的,因此某些動態內容可能不會使它們初始化。

還要確保您的所有頁面正確加載jquery模塊。

+0

這是所有靜態內容和jquery模塊加載的,我用alert (),那是我的第一個嫌疑犯。 – Tatarin

+0

樣式表是否也包含在內? – mipmap