Javascript fancybox下一个和上一个按钮在移动设备中不起作用

我正在我的网站上工作，我用

Fancybox 2

展示了一些投资组合项目。在Firefox、Safari和Chrome中，桌面上的一切都运行得很好，但由于某些原因，在移动设备（iPhone）上，下一个和上一个按钮不起作用，图像变得很小，并略微向右移动。“关闭”按钮工作正常

这是我的javascript：

<script type="text/javascript">
    $(document).ready(function() {
    $("a.fancybox").fancybox({
        'transitionIn': 'fade',
         'transitionOut': 'fade',
         'speedIn': 600,
         'speedOut': 200,
         'overlayShow': true,
         margin: [60, 60, 50, 60] // top, right, bottom, left
    });
});</script>

$（文档）.ready（函数（）{
$（“a.fancybox”）。fancybox({
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“speedIn”：600，
“加速输出”：200，
“叠加显示”：正确，
边距：[60,60,50,60]//上、右、下、左
});
});

我没有更改

fancybox

下载附带的任何默认

css

，但是我自定义了关闭和

nav

按钮。我不认为这和它有任何关系，是吗

如果有人知道如何修复此问题，我将非常感谢您的帮助

---

谢谢

问题是因为触摸设备不支持

：hover

状态，所以我认为您有3个选项：

1） 。使箭头永久可见，如中所示

2） 。使用jQueryUI的拖拽功能实现一个滑动方法，如下所示（有一个问题不幸被主持人删除了，不好意思）。。。我真的很喜欢这个方法，虽然它有点复杂

3） 。使用fancybox按钮帮助程序，如下所示

---

我在我的iPhone上查看了你的网站，它似乎工作得很好。它可能没有上传吗？是的，所有的东西都上传到我的服务器上了。好吧，这很奇怪……谢谢，我使用

css

使箭头永久可见，这很有效，但我的图像仍然表现得很紧张，好像它们试图重置自己或其他什么。有什么想法吗？

.fancybox-nav span {
 visibility: visible;
}

helpers: {
    buttons: {}
}