Dav*_*ave 5 html safari mobile click jquery-address
我正在开发一个应该支持移动和桌面设备的网站.我正在使用jquery-address插件来创建一个可以使用哈希标签进行深度链接的图库.
但我注意到ipad模拟器中有iOS5和iphone 5的问题,我必须在图像库中单击图像库中的两个类别才能使事件正常工作.只需单击一下,它就可以在OSX上的chrome/safari/firefox上正常工作.
到目前为止我只在iphone/ipad上看过这个. 关于为什么桌面浏览器只需点击一下即可正常工作的想法,但ipad/iphone上的iOS需要两个? 我在这里不知所措.我无法分辨问题是我的标记/ javascript还是iPad/iPhone上的jquery-address/safari中的一个模糊的错误.
小智 4
我很确定这是由于您的标记和 .gallery-category 上的悬停状态所致:
.gallery-category:hover {
color: white;
cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)
iOS 不支持 :hover 以正常方式,因为没有鼠标就无法检测悬停状态。它通常会直接在 a:hover 状态上自行排序,但我猜测是因为您的标记有点复杂(并且父级上有一个 :hover 状态),导致它崩溃。
我想如果你替换上面的代码片段来工作
.gallery-category a:hover {...
Run Code Online (Sandbox Code Playgroud)
它会修复它(不过我还没有在你的代码上尝试过)
归档时间: |
|
查看次数: |
2757 次 |
最近记录: |