html – 在iPad / iPhone上只需要一次点击时需要两次点击

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

但我注意到ipad模拟器中有iOS5和iphone 5的问题,我必须在图像库中单击图像库中的两个类别才能使事件正常工作.只需单击一下,它就可以在OSX上的chrome / safari / firefox上正常工作.

到目前为止我只在iphone / ipad上看过这个.关于为什么桌面浏览器只需点击一下即可正常工作的想法,但ipad / iphone上的iOS需要两个？我在这里不知所措.我无法分辨问题是我的标记/ javascript还是iPad / iPhone上的jquery-address / safari中的一个模糊的错误.

最佳答案

我很确定这是由于你的标记并在.gallery-category上有悬停状态：

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

iOS不支持：以正常方式悬停,因为没有鼠标就无法检测悬停状态.它通常直接排序a：悬停状态,但我猜测因为你的标记有点复杂(并且有一个：父节点上的悬停状态)它导致它破坏.

我想如果你替换上面的代码片段就可以了

.gallery-category a:hover {...

它会解决它(虽然我没有尝试过你的代码)