jQuery hover效果在iPhone/iPod touch/iPad上无法工作

9 浏览
0 Comments

jQuery hover效果在iPhone/iPod touch/iPad上无法工作

我正在使用jQuery的hover效果创建一个网站。在桌面上，当鼠标悬停在图片上时，会有一个hover效果，将一层黑色遮罩放在图片上，并显示盒子内的文本，然后点击盒子内的链接，会被重定向到另一个页面。但是当我在iPod Touch/iPhone/iPad上尝试时，这个效果不起作用。\n这是fiddle链接：http://jsfiddle.net/IronFeast/RvfQg/\n我该如何修改我的代码？我想重新创建一个双击盒子来显示里面内容的效果：\n第一次点击）选择;\n第二次点击）开始效果。\n非常感谢任何帮助。

0

2 答案

0 Comments

问题出现的原因是因为在iPhone/iPod touch/iPad上，jQuery的hover效果不起作用。

解决方法是可以尝试在元素被点击时添加一个类，比如'hover'，并修改CSS来在两种情况下进行动画效果：使用伪选择器像:hover和当元素实际上有类'hover'时。

在将其添加到当前点击的元素之前，您可能希望将类从所有其他兄弟元素中删除。

CSS中的更改将类似于以下内容：

.view-sixth.hover a.info,
.view-sixth:hover a.info {...}

所以基本上为每个要进行动画效果的元素添加两个类似的选择器。

0
0 Comments

问题出现的原因：使用纯CSS的checkbox hack方法在iPhone/iPod touch/iPad上无法正常工作。

解决方法：在label标签上添加一个空的onclick属性。

修改后的jsfiddle链接：http://jsfiddle.net/howlermiller/fUSXp/3/

0