jquery – 移动safari链接保持焦点后触摸

前端之家收集整理的这篇文章主要介绍了jquery – 移动safari链接保持焦点后触摸前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的导航很简单。我有一个悬停状态,添加一个边框和透明渐变png背景的一些文本,和一个额外的类,当添加到jQuery,添加颜色背后的透明图像。

如果你点击在网络浏览器中切换类,你会看到颜色进出,但背景图像保持,如果你从来没有移动鼠标的按钮。这是预期的行为。

我的问题是,当使用iPad时,触摸似乎保持悬停状态,并且:hover属性永远不会消失,除非您单击另一个按钮,在这种情况下,persistent:hover属性添加到该按钮,直到另一个按下。

我不能想象我是第一个与这个问题,但搜索没有转动任何东西。

帮帮我?

正常 – 悬停 – 活动(通过addClass())

解决方法

如果你使用Modernizr,无接触类将被添加到非触摸设备的根html元素。然后你可以这样做:
a.myclass {
   color:#999;
}

.no-touch a.myclass:hover,a.myclass:active {
   color:#ccc;
}
原文链接:/jquery/183985.html

猜你在找的jQuery相关文章