html - 在 iPad/iPhone 上只需要点击一次，但需要点击两次

Question

我正在开发一个应该同时支持移动和桌面设备的网站。我正在使用 jquery-address plugin制作一个可以使用散列标签进行深度链接的图片库。

但我注意到在 iOS5 和 iphone 5 的 ipad 模拟器中有一个问题，我必须在图片库中单击图片库中的类别两次才能使事件正常工作。一键即可在 OSX 上的 chrome/safari/firefox 上正常运行。

到目前为止，我只在 iphone/ipad 上看到过这个。 关于为什么桌面浏览器单击一下就可以正常工作，但 ipad/iphone 上的 iOS 需要两次，有什么想法吗？我在这里不知所措。我不知道问题是出在我的标记/javascript 上，还是出在 iPad/iPhone 上的 jquery-address/safari 中的一个模糊错误。

Answer 1

我很确定这是由于您的标记和 .gallery-category 上的悬停状态所致:

.gallery-category:hover {
  color: white;
  cursor: pointer;
}

iOS 不支持 :hover 以正常方式，因为没有鼠标就无法检测悬停状态。它通常直接在 a:hover 状态下自行排序，但我猜是因为您的标记有点复杂(父级上有一个 :hover 状态)导致它中断。

我想如果你替换上面的代码片段继续工作

.gallery-category a:hover {...

它会修复它(不过我还没有在你的代码上试过)