5

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

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

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

4

1 回答 1

4

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

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

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

我想如果你替换上面的代码片段来处理

.gallery-category a:hover {...

它会修复它（虽然我没有在你的代码上尝试过）

于 2012-10-05T07:05:05.947 回答