我在移动设备上使用 Bootstrap 4 工具提示,因为点击充当悬停并且它不会消失,工具提示在页面滚动上看起来很奇怪。
为了解决这个问题,我使用
隐藏页面滚动上的工具提示$(window).on('scroll', function() {
$('[data-toggle="tooltip"]').tooltip('hide');
});
但问题是,当我滚动回之前的位置并点击切换按钮时,它不会显示。我发现了导致此问题的问题。这是因为图标的悬停仍然没有删除,所以仍然有工具提示。那么有什么方法可以从工具提示切换中删除悬停,这样这种情况就不会发生。
https://jsfiddle.net/gnor914d/5/这里是场景的小提琴。
请使用chrome手机模拟器查看问题。
谢谢你
在以下代码中使用
data-bs-trigger="focus"
属性:
$('[data-bs-toggle="tooltip"][aria-describedby]').blur()