Question

我正在使用jQuery mobile 1.0。当我在iPhone中移动到一个页面到另一个页面时，第二个页面闪烁然后显示第一页并完全移动到第二页。怎么解决这个？提前谢谢..

更新：您可以查看http://gugl.org/page1.html以获取示例。

Answer 1

我使用以下CSS代码解决了这个问题：

.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    overflow: visible;
}

我在my blog中提到了更多内容。

Answer 2

如果以下内容有助于您的闪烁，请告知我们：

/* Remove flicker on Android / WebKit  */
.ui-page {
  -webkit-backface-visibility: hidden !important;
}

这个片段附带警告。虽然它可以解决闪烁问题，但它经常会引入其他问题。

例如，我被困了一个星期，试图弄清楚为什么我的谷歌地图不再像我需要的那样工作，结果发现这个问题是这个问题的原因。我开始有选择地将此规则定位到所有没有地图的网页。

Answer 3

我推迟到本月晚些时候到期的jQueryMobile version 1.1。

Answer 4

您可能只需要启用touchOverflowEnabled

示例：

<script>
$(document).bind("mobileinit", function() {
  $.support.touchOverflow = true;
  $.mobile.touchOverflowEnabled = true;
});
</script>

另请注意，在jqm 1.1.0中不需要这样做。更多关于this here。

Answer 5

这种行为可能是由很多项引起的。

这些只是导致您可能会看到的行为的一些因素。至少这是解决你的一些问题的起点。

Answer 6

看看这对您有效：

http://jquerymobile.com/test/

这是版本1和版本1的已知问题。这被报道为iOS的封闭式错误。这已经开始，将在1.1中正式发布。

与此同时，如果你不能等待，测试网站会有最新的代码。

（关于在此生产中使用测试代码的通常免责声明。）