Отключить подсказку после нажатия - PullRequest
Новая
       13

Отключить подсказку после нажатия

1 голос
/ 29 марта 2019

Я использую всплывающую подсказку Bootstrap.

У меня есть ссылка, показывающая всплывающую подсказку при наведении на нее мыши с помощью этого кода jQuery: 

jQuery(document).on('hover', '#mylink', function(event)
{
    event.preventDefault();
    jQuery('[data-toggle="tooltip"]').tooltip();
});

Однако подсказка остается видимой послеЯ нажимаю на ссылку, которая открывается в новом окне.

Как отключить всплывающую подсказку после события нажатия, используя jQuery?

1 Ответ

1 голос
/ 29 марта 2019

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

jQuery('[data-toggle="tooltip"]').tooltip('dispose')

Для отключения подсказки для временного использования disable метод позже выможно повторно включить, используя метод enable. 
jQuery('[data-toggle="tooltip"]').tooltip('dispose');

Для скрытия используйте hide метод во всплывающей подсказке. 
jQuery('[data-toggle="tooltip"]').tooltip('hide');

ОБНОВЛЕНИЕ 1: Теперь объедините это с обработчиком события щелчка этой конкретной ссылки.В дополнение к этому событию триггера blur (поскольку оно может быть еще сфокусировано), чтобы скрыть всплывающее окно. 
jQuery(document).on('click', '#mylink', function() { 
    jQuery('[data-toggle="tooltip"]').tooltip('hide').blur(); 
});

Или даже простое событие размытия будет работать для вас, поскольку оно все еще активно из-за фокусировки. 

jQuery(document).on('click', '#mylink', function() { 
    jQuery('[data-toggle="tooltip"]').blur(); 
});

ОБНОВЛЕНИЕ 2: Или ограничить триггер всплывающего окна на hover только путем установки опции запуска. 

$(function () {
    $('[data-toggle="tooltip"]').tooltip({ trigger : 'hover'})
})
...