Jquery UI - 工具提示不起作用（显示空白）

Question

出于某种原因，工具提示在某些页面上运行良好但在另一页面上运行良好。在此特定页面上，它显示为空白。我还检查了标题attr没有jquery工具提示，它工作正常。有什么想法吗？

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>

输出：

Answer 1

由于工具提示是在文档加载完成后构建的，因此某些动态内容可能无法初始化它们。

还要确保所有页面正确加载jquery模块。