всплывающие подсказки (или) переходы - PullRequest
Новая
       6

всплывающие подсказки (или) переходы

0 голосов
/ 22 марта 2012

Я использую 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, и ширина окна мала в то время, когда ширина подсказок инструмента не имеет достаточного пространства для отображения полного текста, который он начал мигать или перепрыгивать. Измените размер окна на маленький и убедитесь, что элемент подсказки находится в углу окна.

Ответы [ 2 ]

0 голосов
/ 27 июня 2018

Если ваша проблема в том, что всплывающая подсказка постоянно мигает, когда указатель находится на краю элемента, для которого вы установили всплывающую подсказку, затем добавьте этот код: 

.tipsyS {
  pointer-events: none;
}

Это вытащит вас из цикла скрытого шоу, это хак, но пока мне ничего не сломалось.

0 голосов
/ 23 марта 2012

спасибо, ребята, я решил проблему, добавив & 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>
...