jQuery show()在移动设备上闪烁

jQuery show()在移动设备上闪烁,jquery,mobile,flicker,Jquery,Mobile,Flicker,此站点:使用jQuery为横幅图像滑块下的标题元素设置动画。在桌面上看起来不错,但在我的Galaxy S3 mobile上,在show()动画开始之前,你可以快速看到下一个项目的全屏高度 基本上是这样的: name = "#item" + currentItem++; $(name).hide("slide", { direction : "up"}, 1000); name = "#item" + currentItem; $(name).show("slide", { direction :

此站点:使用jQuery为横幅图像滑块下的标题元素设置动画。在桌面上看起来不错,但在我的Galaxy S3 mobile上,在show()动画开始之前,你可以快速看到下一个项目的全屏高度

基本上是这样的:

name = "#item" + currentItem++;
$(name).hide("slide", { direction : "up"}, 1000);
name = "#item" + currentItem;
$(name).show("slide", { direction : "down"}, 1000);
我看到了-webkit背面可见性修复,但似乎没有帮助-大概是整个页面的动画


非常感谢您的任何建议

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

我也遇到了同样的问题,找到了一个解决方案,如果您愿意,可以使用幻灯片

在此处找到实现fastclick.js:

链接文档头部的.js文件

然后简单地添加

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

$(函数(){
FastClick.attach(document.body);
});
到你文件的开头

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


希望这有帮助

也许你可以用完整的代码展示一个最小的例子来重现这个问题?这个链接在将来可能不再相关了。此外,您还可以设置一个JSFIDLE:当然,我在JSFIDLE上的简化示例不会闪烁。其他地方的页面一定有问题。谢谢你的建议。谢谢,但这是元素之间的幻灯片,不是页面。这仍然有用吗?