如何在网站的智能手机上显示悬停在帮助上

Question

我有网站，我有搜索表格。我在图标上有title标记，当用户将鼠标悬停在那里时，他们会在那里看到帮助文字。

它在PC上工作正常，但在智能手机中不起作用。

我应该如何显示iphones等

的帮助

<span title ="This is the help text" class="icon-question-sign"> </span>

Answer 1

悬停不适用于移动设备。您可以使用触摸事件，因此当用户触摸图标时，它将显示帮助文本。如果触摸事件被用于其他东西，比如说链接，那么你可以实现长时间的触摸。

$('.icon-question-sign').on('touchstart', function() {
    alert($(this).attr('title'));
});

Answer 2

您无法在移动设备上获得任何悬停或鼠标悬停效果。也许您可以将其更改为可点击按钮，而不是从移动设备查看？