单击元素后工具提示没有隐藏引导程序 v5.0

问题描述

我将引导程序版本从 4.5.x 更改为 5.0.1，并将工具提示的初始化从 $('[data-toggle="tooltip"]').tooltip({trigger: 'hover'});

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

但是在单击带有显示工具提示的元素后工具提示仍然可见的问题在 5.0.0 版本中再次出现。我在 4.5.x 版中使用 $('[data-toggle="tooltip"]').tooltip("hide"); 解决了这个问题，但在 5 版中不起作用。

我试过了：

let tooltipElement = document.getElementById('myElementwithTooltip');
let tooltip = bootstrap.Tooltip.getInstance(tooltipElement);
tooltip.hide();
// or
tooltip.dispose();

但这并没有起到很好的作用。 我在网站上有很多工具提示，其中一些会打开一个对话框，其中一些是对数据表插件中列标题的描述（具有排序功能）。

bootstrap website 上的工具提示也有同样的问题。单击元素后，工具提示不会消失。

如果您有任何想法或建议，我将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）