Сделайте так, чтобы qTip не исчезал при наведении на всплывающую подсказку

Question

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

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

Answer 1

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

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

$('.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'
    }
});

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

Answer 2

Используйте fixed: true, а также exit: false

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

Answer 3

По какой-то причине использование fixed:true само по себе не работает. Вместо этого мне пришлось использовать эти конфигурации (v3.0.3):

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