Jquery工具提示不起作用(显示为空)

Question

由于某些原因，工具提示在某些页面上运行得很好，而另一些页面则不然。在这个特定的页面上，它显示为空白。我还检查了没有jquery工具提示的title attr，它运行良好。有什么想法吗？

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模块。