jQuery qTip в IE9 - скольжение в анимации - PullRequest
Новая
       4

jQuery qTip в IE9 - скольжение в анимации

2 голосов
/ 17 июня 2011

Я использую плагин qTip для всплывающих подсказок. В IE9 qTip «скользит», когда появляется. Иногда он скользит сверху экрана, иногда слева, по-видимому, случайно. Все остальное работает нормально, как и в других браузерах - qTip отображается с правильными стилями и нормально исчезает, когда я покидаю элемент.

Я сократил его до всех значений по умолчанию, поэтому мой код теперь 

    $('.myclass').qtip({});

Что вызывает в IE9 всплывающие подсказки? Есть ли способ остановить это? В любом другом браузере, который я пробовал, подсказка просто появляется. Анимация IE9 не ужасна, но немного отвлекает.

Кто-нибудь еще использует qTip в IE9? Вы видите это поведение?

Редактировать: скользящее поведение предсказуемо (не случайно, как указано выше). При первом запуске qTip он будет скользить из левого верхнего угла. Во второй и последующий раз, когда вы активируете этот конкретный qTip, он будет скользить горизонтально с левой стороны.

Ответы [ 3 ]

2 голосов
/ 08 августа 2011

Если вы используете первую версию qtip, вы можете посмотреть на этот форум пост для решения. Похоже, вам нужно будет изменить плагин, чтобы исправить проблему. Если это не сработает, вы также можете попробовать решение в этой записи .

1 голос
/ 31 октября 2014

Удаляет или устанавливает скользящее поведение: 

    $('.tip').qtip({
        position: {
            effect: false
        }
    });
1 голос
/ 17 июня 2011

Вы установили свою позицию? 

<script type="text/javascript">
// Only create tooltips when document is ready
$(document).ready(function()
{
   // Use the each() method to gain access to each of the elements attributes
   $('#content img').each(function()
   {
      $(this).qtip(
      {
         content: '<a href="#">Edit</a> | <a href="#">Delete</a>', // Give it some content
         position: 'topRight', // Set its position
         hide: {
            fixed: true // Make it fixed so it can be hovered over
         },
         style: {
            padding: '5px 15px', // Give it some extra padding
            name: 'dark' // And style it with the preset dark theme
         }
      });
   });
});
</script>

http://craigsworks.com/projects/qtip/demos/position/fixed

...