【问题标题】:jquery tooltip negative positionjQuery工具提示负位置
【发布时间】:2013-04-11 15:43:44
【问题描述】:

我正在尝试使用 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)

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

【问题讨论】:

  • 你能用 jsFiddle 复制这个吗?
  • 如果没有更多上下文,这将很难说。
  • 在 jsFiddle 中一切正常。我还应该添加什么上下文?我不知道什么会产生这种行为。我希望有一些想法,因为我试图弄清楚它半天。
  • 如果 jsFiddle 没问题,那么问题肯定出在您没有提供有关...的信息的其他地方。
  • 我知道这一点,但我不知道我应该提供哪些其他信息。 span 元素很好看,所有来自 CSS 的适用于 span 的样式都在那里。那么还有什么问题呢?我认为 jquery 基于该 span 元素放置工具提示。请让我知道我应该添加哪些信息

标签: javascript jquery jquery-ui


【解决方案1】:

问题在于将 qtip 库与 jquery-ui 一起导入。删除此库后,一切正常。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-31
    • 1970-01-01
    • 2013-09-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多