2012-01-26 2 views
8

Я использую qTip: http://craigsworks.com/projects/qtip2, и моя текущая проблема заключается в том, что когда я наводил всплывающую подсказку, она исчезает (поскольку цель была mouseleave/mouseout).Сделать qTip не исчезает при зависании всплывающей подсказки

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

+0

Пожалуйста, добавьте код, особенно JQuery часть – Tim

+0

И посмотрите на документацию, может быть вариант шкура поможет. http://craigsworks.com/projects/qtip2/docs/hide/ – Tim

+0

Проверьте параметр «hide.target» [http://craigsworks.com/projects/qtip2/docs/hide/#target](http:// craigsworks.com/projects/qtip2/docs/hide/#target). По умолчанию всплывающая подсказка скрыта при выходе из элемента .qtip(). –

ответ

12

fixed Использования: http://craigsworks.com/projects/qtip2/docs/hide/#fixed

Вы можете добавить delay, а также до того, как подсказка исчезает, в случае, если есть какое-то расстояние между пусковым элементом и подсказкой.

например.

$('.moreinfo').qtip({ 
    content: { 
     text: $('<p>This is a tooltip.</p>') 
    }, 
    show: { 
     effect: function() { $(this).fadeIn(250); } 
    }, 
    hide: { 
     delay: 200, 
     fixed: true, // <--- add this 
     effect: function() { $(this).fadeOut(250); } 
    }, 
    style: { 
     classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' 
    } 
}); 

Надеюсь, это поможет.

+0

Это не помогает. У меня есть как задержка, так и фиксированная: ture, но она по-прежнему исчезает, когда вы наводите курсор на всплывающую подсказку, двигаясь быстро – mgPePe

+0

В [документации] (http://craigsworks.com/projects/qtip2/docs/hide/#fixed) четко указано, что это цель «фиксированная». Если он не работает, он может быть поврежден в последней версии, я не проверял. – jlowgren

2

Использовать фиксированный: истинно, а также отпуск: ложные

Проблема вы можете быть с в том, что, когда вы покидаете QTIP цели он скрывается.

+0

«Оставьте: ложь» зайдите в раздел «Скрыть»? – AlbatrossCafe

0

По какой-то причине использование только fixed:true не подходит для меня. Вместо этого, я должен был использовать эти настройки (3.0.3):

hide: { 
    fixed: true, 
    delay:90, 
}, 
position: { 
    viewport: $(window) 
},