在移动设备/平板电脑设备上悬停状态

时间:2015-11-20 18:36:19

标签: jquery css mobile responsive-design tablet

当您将鼠标悬停在桌面上时,我会在div上显示信息,但也会充当超链接。移动设备和平板电脑显然不能将鼠标悬停在这些元素上,因此它只是前往目的地而不显示先前的信息。反正是否有这些元素在触摸时显示信息,然后在CSS中再次触摸时进入超链接目的地?

以下是页面:http://thefooddepot.org/donations

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

根据我的经验,在iOS设备上,通常会在单击项目时触发:悬停状态。在Android设备上,将忽略:悬停状态,并立即执行单击操作(如您所述)。

为了获得您想要的行为,您可能需要使用设备嗅探,如果您发现自己在触控设备上,则明确添加一个额外的点击处理程序,以显示叠加层。

当然,叠加层将有自己的点击处理程序,然后将用户带到最终目的地。

为了确定您是否在触摸设备上,您可以使用modernizr库并查找库添加的.touch类,或使用任何其他数量的方法{{3 }}