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

谢谢你们，我通过添加＆amp; nbsp来解决这个问题，我需要一个空间。

<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：

java -jar saxon9he.jar <attributes>

它将使您脱离隐藏显示循环，这是一个hack，但到目前为止对我来说还没有破坏任何东西。

Answer 3

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

   .tooltip {
        pointer-events: none;
    }

工具提示在jquery tipsy.js中闪烁（或）跳跃

3 个答案: