Держите подсказку открытой, когда мышь находится над ней

Question

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

Может ли кто-нибудь указать, как это можно сделать с помощью jquery?

Answer 1

Если вы просто хотите, чтобы он работал, используйте один из выделенных плагинов, например, qtip .

Если вы по какой-то причине хотите или должны сделать это сами, вот как ясделал это.
Вы не закрываете всплывающую подсказку сразу, когда мышь покидает ссылку, а настраиваете setTimout обработчик закрытия.Если, скажем, через 0,5 секунды мышь возвращается поверх всплывающей подсказки или ссылки, вы отменяете обработчик.Для этого вы можете сохранить идентификатор тайм-аута (восстановленный setTimeout) как объект данных jquery, связанный с всплывающей подсказкой.

Answer 2

Обновление : намного лучше использовать всплывающую подсказку jQuery UI.
URL: http://jqueryui.com/tooltip/

Вместо написания своей собственной подсказки используйте любой из доступных плагинов jQuery Tooltip.

simpletip - хороший вариант, который я использовал ранее.

$("jquery selector").simpletip({
   fixed: true
});

Answer 3

Попробуйте это: Плагин jQuery Tooltip

Answer 4

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