FancyBox：iPAD需要DoubleClick才能推进到下一个图像

我在http://rockcitybless.com上有一些画廊，可以在IE，Chrome以及Safari，Firefox和其他版本的桌面版本中完美运行 。

但是在iPad上 ，第一次单击（在图像的左侧或右侧）显示一个箭头，只有第二次单击可以使图像前进。 我需要先点击进入下一张图片。

我在Safari上阅读了一篇关于同一问题的post，修复是为了确保关闭标签。

我的标签已关闭（ ）并且内部有一个未关闭的标签。 标签是通过ajax调用生成的（如果这有任何区别）。

FancyBox完美无缺！

Answer 1

对于移动设备，您可能需要尝试禁用导航箭头并改为使用按钮帮助程序。 就像是：

 $(".fancyLink").fancybox({ arrows: false, closeBtn: false, helpers : { title : { type : 'inside' }, buttons : {} } }); 

当然你需要加载fancybox-buttons js和css文件

Answer 2

最简单的解决方案是始终显示导航箭头，因为它们在第一次点击时显示，而第二次将触发更改图库项目。

Answer 3

只需在使用modernizr时添加：

 .touch .fancybox-nav span { visibility:visible!important} 

Answer 4

触摸事件会导致问题。 这肯定是一个黑客，但运作良好：

 $(target).on('touchend', function(e) { $(this).trigger('click'); }); 

Answer 5

在将可见性设置为隐藏时，似乎是iOS中的问题。 如果我们将其设置为可见并调整不透明度，则应保持相同的function。

将其添加到您的CSS文件中：

  .fancybox-nav span { visibility: visible !important; opacity: 0; } .fancybox-nav:hover span { opacity: 1; }