Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery UI-工具提示不起作用(显示为空)_Javascript_Jquery_Html_Jquery Ui_Jquery Ui Tooltip - Fatal编程技术网

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

Javascript Jquery UI-工具提示不起作用(显示为空),javascript,jquery,html,jquery-ui,jquery-ui-tooltip,Javascript,Jquery,Html,Jquery Ui,Jquery Ui Tooltip,由于某些原因,工具提示在某些页面上运行良好,但在另一个页面上运行不正常。在此特定页面上,它显示为空白。我还检查了没有jquery工具提示的title attr,它工作正常。有什么想法吗 header.html $(document).ready(function () { //initiate tabs jquery ui $( "#tabs" ).tabs(); //initiate tooltips $(document).tooltip(); }); &

由于某些原因,工具提示在某些页面上运行良好,但在另一个页面上运行不正常。在此特定页面上,它显示为空白。我还检查了没有jquery工具提示的title attr,它工作正常。有什么想法吗

header.html

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

    //initiate tooltips
    $(document).tooltip();
});
<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>
content.html

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

    //initiate tooltips
    $(document).tooltip();
});
<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和JQuery UI?它在JSFIDLE中运行良好,如:Jquery 1.9.1和Jquery UI 1.10.3这是所有静态内容,Jquery模块都已加载,我已使用alert()对其进行了测试,这是我的第一个怀疑。样式表也包括在内吗?