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

Question

Я использую триггер в качестве наведения, но когда я нажимаю на ссылку с этой функцией, всплывающая подсказка не исчезает, она будет мешать на экране навсегда

всплывающая подсказка создается с этим кодом

$('[data-toggle="tooltip"]').tooltip({
    container: 'body',
    trigger: 'hover'
});

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

Edit: я также пытался использовать этот код, чтобы скрыть всплывающую подсказку с событием click

$(document).ready(function(){
     $('[data-toggle="tooltip"]').click(function () {
         $('[data-toggle="tooltip"]').tooltip("hide");
     });
});

Но это не работает

Редактировать *: Изображение того, как оно есть (текст на португальском языке)

Редактировать **: HTML код

<ul style="clear: both;" class="pager wizard">
    <li class="button-previous previous"><a title="Voltar" data-toggle="tooltip"><i class="fa fa-arrow-left"></i></a></li>
    <li class="voltar"><a title="Voltar" data-toggle="tooltip"><i class="fa fa-arrow-left"></i></a></li>

    <li class="finalizar"><a>Finalizar<i class="fa fa-check" style="padding-left:5px;"></i></a></li>
    <li class="next"><a class="competencia-stripe" data-toggle="tooltip" title="Continuar"><i class="fa fa-arrow-right" ></i></a></li>
</ul>

Answer 1

Так я думал о решении проблемы.

window.addEventListener("click", function (event) {
   $('.tooltip.fade.top.in').tooltip("hide");
}

Answer 2

попытаться скрыть все всплывающие подсказки, как только страница загрузится

$([data-toggle="tooltip"]).on('load', function(){
         $('[data-toggle="tooltip"]').tooltip("hide");
});

Answer 3

Вам нужно также привязать функцию щелчка
https://getbootstrap.com/docs/4.0/components/tooltips/

$('[data-toggle="tooltip"]').tooltip({
    container: 'body',
    trigger: 'hover click'
});