只有当鼠标从底部悬停在标签上时，jQuery工具提示才处于合适的位置

Question

我想添加jQuery UI工具提示，但它们位于标签上方。它们的位置取决于我滚动页面的位置。当标签靠近页面底部时，工具提示就靠近它。标签在浏览器窗口中的位置越高，工具提示与标签的相关性就越高。只有从底部悬停时，工具提示才会显示在标签旁边。我尝试过位置：在初始化过程中，但它不起作用。。。

.js

 $("label.info").tooltip();

.tpl文件

<label class="info" title="Tooltip text"><img src="/img.png" id="someid" style="float:right; cursor: pointer" title="Something" alt="img"/></label>

更新：

感谢您的帮助，原来是jQuery 1.7.1版本+UI 1.8.1版本，没有工具提示+jQuery.UI.tooltips错误。我有了新版本，集成了，一切都很好。

Answer 1

好。这里有一些文档：http://api.jqueryui.com/tooltip/#option-位置

你真的需要发布一些代码。

我做了一个非常基本的功能，类似于这里的工具提示：http://jsfiddle.net/wKEx8/

您可以使用jquerys offset（）函数相对于鼠标定位工具提示。我认为你试图在图像中添加定位，这是不正确的。

值得庆幸的是，jQuery UI的好心人让这个功能更容易使用，例如：

 // getter
 var position = $( ".selector" ).tooltip( "option", "position" );

 // setter
 $( ".selector" ).tooltip( "option", "position", { my: "left+15 center", at: "right center" } );