Подсказка JqueryUI: закрывать ТОЛЬКО через x секунд, если пользователь не входит в область всплывающей подсказки

0

Я хотел бы иметь всплывающие подсказки, отображающие html-код, включая ссылки, например всплывающие подсказки в AdSense. Мне удалось отобразить HTML, но когда мышь идет по ссылке внутри всплывающей подсказки, всплывающая подсказка закрывается!

Я хотел бы задержать закрытие всплывающей подсказки в течение 1 секунды, и если мышь вводит всплывающую подсказку в этот период (или возвращается к исходному элементу), держите ее открытой до тех пор, пока мышь остается там. Всплывающая подсказка должна закрываться только тогда, когда мышь находится вне исходного элемента и всплывающей подсказки в течение 1 секунды.

Теги:
jquery-ui-tooltip

1 ответ

0
Лучший ответ

вы можете установить свойство закрытия следующим образом:

function (event, ui) {
  ui.tooltip.hover(
    function () {
      $(this).stop(true).fadeTo(400, 1);
      //.fadeIn("slow"); // doesn't work because of stop()
    },
    function () {
      $(this).fadeOut("400", function () {
        $(this).remove();
      })
  });

Вот скрипка, которая поможет вам: http://jsfiddle.net/4sSkc/

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

Поделиться
  • 0
    В примере с jsfiddle, всплывающая подсказка исчезает после небольшой задержки, но достаточно, чтобы можно было навести на нее курсор мыши и предотвратить закрытие. Кроме того, всплывающая подсказка исчезает очень скоро после ее выхода, возможно потому, что время ожидания (400) связано с вводом всплывающей подсказки, а не с выходом из нее. Попробуйте увеличить время ожидания до 5000, подождите 10 секунд, прежде чем покинуть подсказку, и вы поймете, что я имею в виду.
  • 0
    Эй, я просто включил два новых свойства: show: 100, hide: 5000, проверьте скрипку: jsfiddle.net/4sSkc/3
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню