删除移动设备上页面滚动上的 Bootstrap 4 工具提示,然后点击切换图标重新启用

问题描述 投票:0回答:1

我在移动设备上使用 Bootstrap 4 工具提示,因为点击充当悬停并且它不会消失,工具提示在页面滚动上看起来很奇怪。

为了解决这个问题,我使用

隐藏页面滚动上的工具提示
$(window).on('scroll', function() {
    $('[data-toggle="tooltip"]').tooltip('hide');
});

但问题是,当我滚动回之前的位置并点击切换按钮时,它不会显示。我发现了导致此问题的问题。这是因为图标的悬停仍然没有删除,所以仍然有工具提示。那么有什么方法可以从工具提示切换中删除悬停,这样这种情况就不会发生。

https://jsfiddle.net/gnor914d/5/这里是场景的小提琴。

请使用chrome手机模拟器查看问题。

谢谢你

javascript jquery css twitter-bootstrap
1个回答
0
投票

在以下代码中使用

data-bs-trigger="focus"
属性:

$('[data-bs-toggle="tooltip"][aria-describedby]').blur()
© www.soinside.com 2019 - 2024. All rights reserved.