jquery - jquery Tipsy.js中的工具提示闪烁（或）跳跃

Question

我在我的应用程序中使用tipsy.js，当我将内容悬停时，它会显示工具提示，但它在FF和IE中经常闪烁或跳跃，而在Chrome中它没有发生，请有人帮助我解决这个问题。

<div id="div142" class="CheckBox3Img" runat="server" title=" Store xxx try to give more " visible="false" style="height: 19px; margin-top: 8px; cursor: pointer;">
                            <a id="lnkStore" runat="server" style="float: left; height: 18px; width: 24px;" title=" Website Store"
                                class="imgwebDev">
                                <img src="../../App_Themes/Main/_images/DollarImg.jpg" />
                            </a>
</div>

JavaScript：

$(.CheckBox3Img).tipsy({gravity:s});

注意：这适用于正常的最大化窗口，因为我支持其他设备 ipad 并且窗口的宽度很小，当时工具提示宽度没有足够的空间来显示全文它开始闪烁或跳跃。将窗口大小调整为小，并确保工具提示元素位于窗口的角落。

Answer 1

谢谢大家，我通过在需要空间的地方添加   解决了这个问题。

<div id="div142" class="CheckBox3Img" runat="server" title="Store&nbsp;xxx&nbsp;try&nbsp;to give&nbsp;more&nbsp; " visible="false" style="height: 19px; margin-top: 8px; cursor: pointer;">
                            <a id="lnkStore" runat="server" style="float: left; height: 18px; width: 24px;" title=" Website Store"
                                class="imgwebDev">
                                <img src="../../App_Themes/Main/_images/DollarImg.jpg" />
                            </a>
</div>

Answer 2

如果您的问题是当指针位于您设置工具提示的元素的边缘时，醉意不断闪烁，请添加以下 css：

.tipsyS {
  pointer-events: none;
}

它会让你摆脱隐藏显示循环，它是一个黑客，但到目前为止它还没有破坏任何东西。

Answer 3

我通过将这种样式添加到tooltip类来解决我的问题：

   .tooltip {
        pointer-events: none;
    }