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

Question

出于某种原因，工具提示在某些页面上运行良好，但在其他页面上却不行。在此特定页面上，它显示为空白。我还检查了没有 jquery 工具提示的标题属性，它工作正常。有任何想法吗？

header.html

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

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

内容.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 模块。