4

请在这个JS FIDDLE检查我的代码

我希望我的工具提示显示在元素的顶部。我究竟做错了什么？

我也没有在 jquery UI 文档中找到关于位置属性的任何有用信息，用于工具提示我的和在意味着什么......我从他们的演示中复制了代码

4

3 回答 3

9

您应该将位置“我的”设置为“底部-（底部的距离）检查此JS FIDDLE

于 2012-10-16T14:54:34.297 回答
5

如果我理解正确，您希望工具提示文本完全覆盖它要提示的图像吗？

不幸的是，工具提示无法做到这一点。原因是，工具提示仅在鼠标“悬停”在启动工具提示的元素上时才有效。当您的工具提示覆盖该元素时，您的鼠标就会在工具提示上，而不是选定的元素上，这将触发工具提示的关闭事件。

如果最终结果比方法更重要，您可以将工具提示的 theopen和events 都设置为而不是它们的默认值，然后相应地定位。closeclick

编辑（解释at和my：

my并且at有点像一个动态的 x,y 坐标系来帮助你对齐你的元素，除了每个元素本身都是一个 x,y 。它们都允许您在 2 个相互关联的对象内设置参考点，在本例中是工具提示 ( my)，以及工具提示被实例化的对象 ( at)。

my在您的情况下是弹出的工具提示，并且at是在触发 mousein 事件时导致工具提示实例化的图像。这些选项中的每一个都采用扁平字符串或相对字符串位置来确定 2 个对象之间的关系（在 DOM 的位置）。因此，如果您希望工具提示的顶部中心与图像的绝对中心对齐，无论它们出现在 DOM 中的什么位置，您都可以设置以下内容：

position: {
            my: "center top",
            at: "center center"
        }

您可以通过偏移任一/两者my以及at组合像素值或百分比值来获得进一步的控制。 

position: {
            my: "center+10 top+50",
            at: "center+5 center+25"
        }
于 2012-10-16T14:54:05.470 回答
2

只是想给未来的搜索者一个简单的答案，他们无法理解这个词..定义是..我是我的选择器..就像“我的”形象..

$('img').tooltip();

同时 at 是工具提示应该出现在 'at' 的位置

例如：

$('img').tooltip({ position: { my: "right center", at: "left center" } });

在这里，我们选择了“我的”图像在右侧，垂直居中.. 工具提示显示在相对于图像的“左侧”并且垂直居中..

于 2013-01-20T15:04:57.807 回答