javascript - 指定位置时 jQuery 工具提示在链接上闪烁

Question

当我将工具提示添加到普通链接并指定位置(任何位置)时，工具提示只会在鼠标正好悬停在文本上时显示。如果我不指定一个位置，它就可以正常工作。

考虑到这是基本功能，这令人难以置信。

我在 jsfiddle 中复制了这个:http://jsfiddle.net/6EZHZ/65/

还值得一提的是，文档中给出的示例是有效的:

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

为什么会这样？是否有一个好的解决方案而不是一个丑陋的 hack？

Answer 1

使用这段代码:

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

默认情况下，当您将鼠标悬停在字母上时——我所说的字母是指实际的字母，而不是中间的空格——只有在那时才会开始效果。当您将显示设置为 block 属性时，它会将其视为覆盖内部字母的矩形。因此，即使您将鼠标悬停在内部中间空间上，它也会激活“ block ”。