jquery-ui-tooltip - jQuery UI 工具提示显示在页面底部

Question

在我的项目中，我使用 jQuery UI 1.10.2 来显示页面上链接的工具提示。但是，当我将鼠标悬停在任何链接上时，工具提示会显示在页面底部的内容区域下方，而不是链接的正下方。

经过仔细检查，我发现当悬停在工具提示项上时，由于某种原因，没有为 ui-tooltip div 设置“顶部”样式。

$(document).tooltip({ 
  content: function() { 
    return $(this).attr('title'); 
  }
});

有没有人知道为什么会这样做？

Answer 1

我已经成功解决了这个问题。事实证明，我一直在我的源代码中包含 jquery.dimensions 插件，并且不知何故它与我的 jquery-ui-1.10.2 包含冲突，并导致工具提示显示在我的所有内容下方。删除 jquery.dimensions 的包含解决了这个问题。

希望这可以帮助将来可能遇到相同问题的其他人。