FancyBox：iPAD需要双击才能进入下一个图像

Question

我在http://rockcitybless.com上有一些画廊，它们在IE，Chrome以及桌面版Safari，Firefox和其他版本中完全 。

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

我在Safari上阅读了一篇关于同一问题的帖子，修复过程是 确保关闭<a>标记。

我的<a>代码已关闭（</a>）并且内部有一个未公开的<img>代码 它。 标签是通过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中似乎存在问题。如果我们将其设置为可见并调整不透明度，则应保持相同的功能。

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

Comparable