Jquery mobile 带有滑动动作的fancybox会在ipad上引起恼人的屏幕闪烁

我正在使用fancybox 2.1.1和jQuery mobile 1.2。将刷卡事件绑定到next和prev非常有效

以下是初始化代码（coffeescript）：

它可以工作，但背景会闪烁，有时浏览器会完全混淆图像

---

当我使用按钮助手时，使用按钮更改当前图像不会导致屏幕闪烁。只有左右滑动才能做到这一点。

似乎是GPU加速器上的开关。 尝试添加css

.fancybox-wrap { /* or its container */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

---

这将在用户事件之前激活GPU加速器

我在.fancybox包装和父容器（body的类）上都尝试过这一点。我看不出有什么不同。我想一定是一些小的设置，比如下一个/上一个按钮。发生的另一件事是，一次糟糕的刷卡似乎完全弄乱了屏幕。我可以同时看到两个图像（透明）。关闭fancybox，将显示覆盖图。fancybox是ipad/iphone的正确ui部件吗？对不起，我忘了一个逗号。。。你现在能看到吗？@justingordon我对fancybox触控系统没有任何经验。然而，我在“手工制作”的画廊系统中遇到了这个问题。症状似乎是一样的：GPU加速器开关（来自css属性，如translate3d）会导致flash背景和奇怪的其他效果。顺便说一句，搞乱这一点：似乎只会让手机使用情况变得更糟。现在，在身体上设置了这个开关后，发生了3件事：1。没有刷卡，2。页面可以向下滚动以查看背景。3.要激活下一个/上一个按钮（鼠标悬停），必须单击两次才能激活一个按钮。设置为.fancybox包装，没有新的发生。问题似乎与滚动背景有关。请注意，iphone 5无论是否刷卡都能正常工作，对于下一个/上一个鼠标悬停按钮根本不起作用。

.fancybox-wrap { /* or its container */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}