当指定位置时,jQuery工具提示会在链接上闪烁

jQuery tooltip flickers on links when position is specified

本文关键字:链接 闪烁 工具提示 jQuery 定位 位置      更新时间:2023-09-26

当我为普通链接添加工具提示并指定位置(任何位置)时,工具提示只会在鼠标完全悬停在文本上时显示。如果我不指定位置,它就会正常工作。

考虑到这是基本功能,这是令人难以置信的沮丧。

我在jsfiddle: http://jsfiddle.net/6EZHZ/65/

中复制了这个

还值得一提的是,文档中给出的示例可以工作:

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

为什么会发生这种情况?是否有一个好的解决方案,而不是一个丑陋的黑客?

使用以下代码:

.tip {
    background-color: white;
    display:block;
}

默认情况下,当您将鼠标悬停在字母(这里的字母是指实际的字母,而不是中间的空格)上时,效果才会开始。当你将显示设置为块属性时,它会将其视为覆盖内部字母的矩形。所以即使你把鼠标悬停在中间的空格上它也会激活block