Question

我正在开发一个应该支持移动设备和桌面设备的网站。我正在使用jquery-address plugin创建一个图像库，可以使用哈希标记进行深层链接。

但我注意到ipad模拟器中有iOS5和iphone 5的问题，我必须在图像库中单击图像库中的两个类别才能使事件正常工作。只需单击一下，它就可以在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不支持：以正常方式悬停，因为没有鼠标就无法检测悬停状态。它通常直接排序a：悬停状态，但我猜是因为你的标记有点复杂（并且有一个：父节点上的悬停状态）它导致它破坏。

我认为如果您将上述代码段替换为

.gallery-category a:hover {...

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

在iPad / iPhone上只需要一次点击就需要两次点击

1 个答案: