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

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

20 голосов
/ 31 августа 2011

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

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

Ответы [ 2 ]

49 голосов
/ 31 августа 2011

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

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

Параметр скрытия имеет много опций.Например, если вы просто не хотите скрывать его бесконечно, просто установите для 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'
     }
});

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

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

См. конкретно документацию по опциям "скрытия" для получения дополнительной информации.

5 голосов
/ 22 ноября 2011

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

...