Fatal编程技术网
  • responsive-design/
  • Responsive design 响应性设计-禁用触摸屏的jquery效果

Responsive design 响应性设计-禁用触摸屏的jquery效果

responsive-design

Responsive design 响应性设计-禁用触摸屏的jquery效果,responsive-design,screen-orientation,Responsive Design,Screen Orientation,我的网站上有一些jquery鼠标悬停效果，我需要为触摸屏禁用这些效果，但是，我如何知道禁用jquery的屏幕宽度？目前我的速度还不到800像素。这适用于ipad肖像，但当我将其横向旋转时，JQuery再次被激活。我曾读到Ipad横向宽度为1024倍，但也可能是一个小型非触摸屏的大小。是否有一种方法可以指定某些设备的效果而不是屏幕宽度？要实现这一点，您应该考虑另一种方法，而不是禁用触摸设备的鼠标悬停事件，为非触摸设备添加事件 把你的工作添加到项目中（你可能已经把它放进去了）。添加后，您可以通过将“

我的网站上有一些jquery鼠标悬停效果，我需要为触摸屏禁用这些效果，但是，我如何知道禁用jquery的屏幕宽度？目前我的速度还不到800像素。这适用于ipad肖像，但当我将其横向旋转时，JQuery再次被激活。我曾读到Ipad横向宽度为1024倍，但也可能是一个小型非触摸屏的大小。是否有一种方法可以指定某些设备的效果而不是屏幕宽度？

要实现这一点，您应该考虑另一种方法，而不是禁用触摸设备的鼠标悬停事件，为非触摸设备添加事件

把你的工作添加到项目中（你可能已经把它放进去了）。添加后，您可以通过将“touch”作为类添加到HTML元素中来包含测试

<html class="touch">
然后，您可以将鼠标事件绑定到类为
的html元素上。无需触摸


<html class="no-touch">


我在代码笔里放了一个例子-

这假设您仍在为所有设备加载jQuery库，并决定是否基于触摸设备加载鼠标悬停功能。如果您正在考虑有条件地加载jQuery本身，那么您应该考虑以指定的宽度加载jQuery

如果您想在较小的设备上保留jQuery的其他功能，但又想提高性能，可以考虑将其作为轻量级的替代方案

Finally还允许您在特定断点处调用函数，但仍然会遇到不知道它是否启用了触摸功能的问题