JQuery UI держит всплывающую подсказку открытой для отладки (для ее стилизации)

Я пытаюсь создать подсказку jQuery UI, но она продолжает закрываться. Я пробовал следующее без успеха:

 $("td label").tooltip({

    disabled: true,
    close: function (event, ui) { return false; }

 }).on("click", function () {

    $(this).tooltip("open");
 }).off('focusout mouseleave mouseenter');

Кажется, что ничего не остается открытым. Когда я нажимаю правой кнопкой мыши по нему, чтобы перейти к Firebug, он исчезнет, ​​прежде чем у меня появится шанс.

Ответы

Ответ 1

Вызовите метод open во всплывающих подсказках, чтобы они оставались открытыми.

$("td label").tooltip().tooltip("open");

Ответ 2

Если это нужно только для отладки, почему бы не использовать параметр hide и установить очень долгую продолжительность.

$("td label").tooltip({ hide: {duration: 1000000 } });

Ответ 3

Гораздо лучший вариант - приостановить выполнение js.

  • Открыть консоль
  • Переключиться на вкладку Источники
  • Наведите указатель мыши на подсказку
  • Нажмите кнопку F8 (возможно, другая, наведите указатель на паузу, чтобы проверить горячую клавишу)

Ответ 4

Оба предыдущих ответа не помогли мне, так как никто не работал над не делегированными всплывающими подсказками, тогда как с другим методом я не мог играть с CSS в панели dev. Всплывающая подсказка осталась открытой, но я не мог снять флажки с любого CSS, как обычно, или ввести больше CSS - чтобы получить решение до его реализации.

В конце концов я использовал инструкцию отладчика для разрыва в моем коде после вскрытия всплывающей подсказки.

Пример:

jQuery(".myElement").tooltip({
    open: function (event, ui) {            
            debugger;
    }
});

Когда эта точка останова будет удалена, оцените ее в консоли:

$(".ui-tooltip-content")

И затем щелкните правой кнопкой мыши на результатах оценки в консоли и выберите панель "Показать в элементах", чтобы работать с ней, как и любой другой элемент на странице. Это особенно полезно, когда содержимое подсказки построено динамически (как в моем случае).

Ответ 5

Для v4.1.5 tooltipster используйте параметр задержки, подобный этому.

$('.tooltip').tooltipster({
   interactive:true,
   animation: 'grow',
   delay:[100, 10000000]
});

Второе значение задержки указывает задержку закрытия для всплывающей подсказки. Ссылка: http://iamceege.github.io/tooltipster/#options