jQuery show() 在手机上闪烁答案

【问题标题】：jQuery show() flicker on mobilejQuery show() 在手机上闪烁
【发布时间】：2013-12-10 05:06:01
【问题描述】：

此站点：http://www.stdavidsschool.co.uk/ 使用 jQuery 为横幅图像滑块下的 Headlines 元素设置动画。在桌面上看起来不错，但在我的 Galaxy S3 手机上，在 show() 动画开始之前，您会非常快速地以全高显示下一个项目。

基本上是这样的：

name = "#item" + currentItem++;
$(name).hide("slide", { direction : "up"}, 1000);
name = "#item" + currentItem;
$(name).show("slide", { direction : "down"}, 1000);

我看到了 -webkit-backface-visibility 修复，但这似乎没有帮助 - 大概是针对整个页面动画。

任何建议都非常感谢！

【问题讨论】：

也许您可以展示一个包含完整代码的最小示例来重现问题？该链接将来可能不再相关。另外，您可以设置一个 jsfiddle：jsfiddle.net
当然，我在 jsfiddle 上的精简示例不会闪烁。一定是其他地方的页面有问题。不过感谢您的建议。

标签： jquery mobile flicker

【解决方案1】：

放弃幻灯片并切换到淡入淡出。工作一种享受;-)

【讨论】：

【解决方案2】：

我遇到了同样的问题，并找到了一个解决方案，可以让您根据需要使用幻灯片。

在此处实现 fastclick.js：https://github.com/ftlabs/fastclick。

在文档头部链接 .js 文件。

然后简单地添加

<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>

到文档的开头。

在页面之间导航时不再闪烁/闪烁。

希望这会有所帮助！

【讨论】：

谢谢，但这是元素之间的幻灯片，而不是页面。这还有帮助吗？