jquery UI工具提示 - 不显示在元素的顶部

Question

请在这个JS FIDDLE上查看我的代码

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

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

Answer 1

你应该将位置'my'设置为'bottom-(底部距离)检查这个JS FIDDLE

Answer 2

如果我理解正确,您希望工具提示文本完全覆盖它对工具提示的意义吗？

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

如果最终结果比如何更重要,则可以将工具提示的open和close事件设置为click而不是默认值,然后相应地定位.

编辑(解释at和my:

my并且at有点像动态x,y坐标系统,以帮助您对齐元素,除了每个元素都是x,y in和of本身.它们都允许您在2个彼此有关系的对象中设置参考点,在这种情况下是tooltip(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"
        }