如何解决单击元素后工具提示没有隐藏引导程序 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 举报,一经查实,本站将立刻删除。