Question

这是一个带有工具提示的锚标记：

<a data-toggle="tooltip" data-original-title="Sorry, pronunciation audio not available!">
    <span class="glyphicon glyphicon-volume-off pronounce">
    </span>
</a>

在桌面屏幕上，工具提示仅在锚点悬停或单击时显示，并在鼠标指针远离它时消失。但是，在移动屏幕上，工具提示会在敲击锚点时显示，但随后会永久保留。有没有办法让它在一段时间仅在移动设备上淡出？

更新：对于它的价值，我的工具提示JS看起来像这样：

$(document).ready(function() {
    $("body").tooltip({ selector: '[data-toggle=tooltip]' });
});

Answer 1

这可能会对您有所帮助：

$('body').click(function(event){
    if (event.target.id != 'tooltip'){
        setTimeout(function(){
            $('#tooltip').tooltip('hide');
        }, 2000);
    }
});

JS FIDDLE：https://jsfiddle.net/b2t27sg0/3/

需要在点击移动设备几秒钟后隐藏工具提示

1 个答案: