Question

查看我的代码

我希望我的工具提示显示在元素之上。我做错了什么？

我也没有在工具提示的jquery UI文档中找到有关position属性的任何可用信息什么是我的意思......我从他们的演示中复制了代码

Answer 1

你应该将位置'my'设置为'bottom-（底部距离）请检查此JS FIDDLE

Answer 2

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

不幸的是，使用工具提示是不可能的。原因是，工具提示仅在鼠标“启动”工具提示的元素“有效”时才有效。当您的工具提示覆盖该元素时，您的鼠标将在工具提示上，而不是选定的元素，这将触发工具提示的关闭事件。

如果最终结果比方法更重要，您可以将工具提示的open和close事件设置为click而不是默认值，然后相应地定位。< / p>

修改（解释at和my：

my和at有点像动态x，y坐标系统，可以帮助您对齐元素，除了每个元素都是x，y in和of本身。它们都允许您在2个彼此有关系的对象中设置参考点，在这种情况下是工具提示（my），以及工具提示在（at）上实例化的对象。 / p> 在您的情况下，

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"
        }

Answer 3

只想给未来的搜索者简单的答案，他们无法理解这个术语。定义是......我是我的选择者......就像'我的'形象..

$('img').tooltip();

同时，工具提示应出现在'at'

例如：

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

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