всплывающая подсказка не скрывалась после щелчка по элементу (bootstrap v5.0)

Question

Я изменил версию начальной загрузки с 4.5.x на 5.0.1, а также изменил инициализацию всплывающих подсказок с $('[data-toggle="tooltip"]').tooltip({trigger: 'hover'}); к

Но это не помогло. У меня есть много всплывающих подсказок на веб-сайте, некоторые из них открывают диалоговое окно, некоторые из них представляют собой описание заголовка столбца в подключаемом модуле с поддержкой данных (с функцией сортировки).

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

Буду очень признателен за любые идеи и предложения.

Answer 1

Если вы хотите, чтобы всплывающая подсказка появлялась при наведении курсора, убедитесь, что вы указали hover как вариант триггера.

      let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl, {
        container: 'body',
        trigger : 'hover'
    });
})

Тогда у вас не будет проблем с щелчком.

Codeply

Также, hide() не будет работать так, как вы показали, если он не привязан к обработчику событий.