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

Question

我的导航非常简单。我有一个悬停状态，它为一些文本添加了一个边框和一个透明的渐变 png 背景，还有一个额外的类，当由 jQuery 添加时，它会在透明图像后面添加颜色。

如果您在 Web 浏览器中单击以切换类，您会看到颜色出现和消失，但如果您从未将鼠标从按钮上移开，背景图像将保持不变。这是预期的行为。

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

我无法想象我是第一个遇到这个问题的人，但搜索没有找到任何结果。

帮助？

正常 - 悬停 - 事件(通过 addClass() )

Answer 1

如果您使用的是 Modernizr，则 no-touch 类将添加到非触摸设备的根 html 元素中。然后你可以这样做:

a.myclass {
   color:#999;
}

.no-touch a.myclass:hover,
a.myclass:active {
   color:#ccc;
}