由於某些原因,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>
輸出:
你使用的是什麼版本的JQuery和JQuery UI?它在JSFiddle中可以正常工作,如下所示:http://jsfiddle.net/JD8sA/ –
Jquery 1.9.1和Jquery UI 1.10.3 – Tatarin