jquery mobile - 页面在iPhone中加载长ListView时闪烁

我正在为ios开发手机间隙应用程序，并使用Backbone.js jQuerymobile和jQuery加载我的列表视图。jquery mobile - 页面在iPhone中加载长ListView时闪烁

当长时间的listview加载或只是变得可见时页面闪烁。对于像6到7个元素那样的较小长度的列表视图不会发生这种情况。

我已经使用-webkit-backface-visibility: hidden;为.ui-page。我没有得到这个问题在android

向我们展示您的代码示例。如何以及何时填充列表视图？ – Gajotres 2013-03-15 10:18:04

我在jQuerymobile的'pageshow'事件上使用Backbone.js填充列表视图。这不仅仅是在加载时，即使我从“display：none”列表中查看“visibility：visible”，屏幕也会闪烁 – 2013-03-15 12:24:12

在pagebeforeshow事件中执行此操作。您的闪烁是由jQM在页面已显示时填充列表视图引起的。 – Gajotres 2013-03-15 12:30:16

页面闪烁是由于dom回流引起的。

因为我将内容动态添加到listview中，所以每次我向listview添加一个元素，导致页面闪烁时，dom重排就发生了。

我改变了我的圆顶结构以确保元素直接位于with data-role =“content”下方，以便回流不会影响任何其他元素。

2013-05-31 21:59:22

回答