Всплывающая подсказка JQuery не исчезает после нажатия кнопки и показывает с другими элементами наведения

Question

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

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

У меня есть много подсказки в документе, так я использую это.

$(document).tooltip() 

Я пробовал это для удаления всплывающей подсказки, но не работает.

$(document).tooltip().click(function() { 
    $(document).tooltip("close"); 
}); 

Также я пытался поставить какую-то функцию hidingToolTip на OnClick событие каждого элемента и она отлично работает. но мне нужно обобщение решения.

Answer 1

Вы должны удалить элемент DOM tooltip каждый раз, когда вы запускаете новый tooptip, например.

$(element).click(function() { 
    $('.tooltip_element').remove(); 
    // show new tooltip. 
}); 

Answer 2

Если инициализировать всплывающую подсказку с помощью:

$('[data-toggle="tooltip"]').tooltip(); 

Затем вы можете использовать следующий код, чтобы сделать их исчезать после клика:

$('[data-toggle="tooltip"]').click(function() { 
    $('.tooltip').fadeOut('fast', function() { 
     $('.tooltip').remove(); 
    }); 
}); 

Answer 3

Попробуйте

$("#controlid").tooltip('hide');