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

Question

当我将工具提示添加到普通链接并指定位置（任何位置）时，工具提示只会在鼠标恰好悬停在文本上时显示。如果我不指定一个位置，它会很有效。

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

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

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

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

为什么会这样？有没有一个不是丑陋的黑客的好解决方案？

Answer 1

Use this code:

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

By default, when you hover over the letters - and by letters, I mean the actual letters, not the in-between space - only then is the effect started. When you set the display to be block property it treats it as a rectangle covering the inner letters. So that even if you hover over the inner in-between spaces it activates the 'block'.