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

Question

这是一个带有工具提示的 anchor 标记:

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

在桌面屏幕上，工具提示仅在 anchor 悬停或单击时出现，并在鼠标指针移开时消失。但是，在移动设备屏幕上，工具提示确实会在 anchor 被点击时出现，但随后会一直显示。有没有办法让它在设定的时间段后淡出 仅在移动设备上？

更新:就其值(value)而言，我的工具提示 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/