Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 移动/平板设备上的悬停状态_Jquery_Css_Mobile_Responsive Design_Tablet - Fatal编程技术网

Jquery 移动/平板设备上的悬停状态

Jquery 移动/平板设备上的悬停状态,jquery,css,mobile,responsive-design,tablet,Jquery,Css,Mobile,Responsive Design,Tablet,当您将鼠标悬停在桌面上的div上时,我的信息会显示在div上,但也可以作为超链接。显然,手机和平板电脑不能在这些元素上悬停,所以它只会到达目的地,而不会事先显示信息。是否有任何方法可以让这些元素在触摸时显示信息,然后在CSS中再次触摸时转到超链接目标 以下是网页: 提前感谢您的帮助。根据我的经验,在iOS设备上,通常在单击项目时触发:悬停状态。在Android设备上,忽略:hover状态,并立即执行单击操作(如您所述) 为了获得您想要的行为,您可能需要使用设备嗅探,如果您注意到您在触摸设备上,您

当您将鼠标悬停在桌面上的div上时,我的信息会显示在div上,但也可以作为超链接。显然,手机和平板电脑不能在这些元素上悬停,所以它只会到达目的地,而不会事先显示信息。是否有任何方法可以让这些元素在触摸时显示信息,然后在CSS中再次触摸时转到超链接目标

以下是网页:


提前感谢您的帮助。

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

为了获得您想要的行为,您可能需要使用设备嗅探,如果您注意到您在触摸设备上,您可以显式添加一个额外的点击处理程序,该处理程序将显示覆盖

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

为了确定您是否在触摸设备上,您可以使用Modernizer库并查找库中添加的
.touch
类,或者使用任何其他方法来确定