jquery工具提示负面位置

时间:2013-04-10 12:59:45

标签: javascript jquery jquery-ui

我正在尝试使用jquery工具提示,但悬停的div位于负坐标(-27000,-27000)

应具有工具提示的元素是:

<span style="float:right;font-weight:bold" title="I am tooltip">U</span>

我使用此调用初始化工具提示:             $(function(){ $('[title]').tooltip(); });

jQuery工具提示已正确初始化,因为在鼠标悬停时,我得到一个新的div,但放置在巨大的负坐标处:

<div id="ui-tooltip-4" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" 
role="tooltip" style="top: -27712.3px; left: -27517.2px; display: block;">
    <div class="ui-tooltip-content">I am tooltip</div>
</div>

错位的原因是什么? 这些是在标题上应用的样式:

float: right;
font-weight: bold;    
-moz-box-sizing: border-box;    
-moz-box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
line-height: 1.3;
list-style: none outside none;
color: #222222;

使用的库:

jquery-1.8.3.min.js
jquery-ui-1.10.10.min.js(and jquery-ui-1.10.10.css)

感谢任何想法导致工具提示错误定位的原因

1 个答案:

答案 0 :(得分:2)

问题是将qtip库与jquery-ui一起导入。删除这个库后,一切都很好。