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

Question

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

$("td label").tooltip({ 

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

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

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

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

Answer 1

Вызов открытый метод на ваших подсказках, что сделает их остаются открытыми

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

Answer 2

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

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

Answer 3

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

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

Пример:

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

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

$(".ui-tooltip-content") 

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

Answer 4

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

1. Open Console
2. Переключить на закладке Источники
3. Hover что-то для подсказки появится
4. кнопку F8 Click (может отличаться, наведите на значок паузы, чтобы проверить горячую клавишу)

Answer 5

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

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

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