Как вы предотвращаете скрытие подсказки jquery.qtip2, когда мышь находится над кончиком?

Используя jquery qTip2 для всплывающих подсказок.

У меня есть подсказка со ссылкой в ней. Я хочу, чтобы подсказка оставалась открытой, если пользовательская мышь входит в наконечник (а не триггер). Не могу понять, как это сделать в документации .

Ответ 1

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

$('.selector').qtip({
     content: {
          text: 'I hide on mouseout, but you can mouse into me within 500ms',
     },
     hide: {
          fixed: true,
          delay: 500
     }
});

Параметр hide имеет много параметров. Например, если вы просто хотите не скрывать его на неопределенный срок, просто установите hide на false:

$('.selector').qtip({
    content: {
        text: 'I never hide',
    },
    hide: false
});

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

$('.selector').qtip({
     content: {
          text: 'I hide when you click anywhere else on the document',
     },
     hide: {
          event: 'unfocus'
     }
});

Если вы хотите, чтобы он спрятался при нажатии триггера, укажите событие click:

$('.selector').qtip({
     content: {
          text: 'I hide when you click the tooltip trigger',
     },
     hide: {
          event: 'click'
     }
});

Подробнее см. документацию "скрыть" .

Ответ 2

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

show: {
    event: 'mouseover'
},

hide: {
     event: 'click mouseleave'
}