Javascript Jquery UI-工具提示不起作用(显示为空)
由于某些原因,工具提示在某些页面上运行良好,但在另一个页面上运行不正常。在此特定页面上,它显示为空白。我还检查了没有jquery工具提示的title attr,它工作正常。有什么想法吗 header.htmlJavascript 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(); }); &
$(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()对其进行了测试,这是我的第一个怀疑。样式表也包括在内吗?