jquery移动页面闪烁

页面加载后和执行 listview('refresh') 时页面闪烁。

所以在转换之后会出现闪烁$('#friendsList').append('#{data}').listview('refresh');我得到了闪烁

尝试添加

<style>
/*** for jquerymobile page flicker that was happending ***/
 .ui-page {
    -webkit-backface-visibility: hidden;
 }  
</style>

EDIT

刷新列表视图时，我理解列表视图内的闪烁，但它是否应该使整个页面闪烁？

EDIT 2

如果列表高度 > 屏幕高度，页面就会闪烁。如果列表高度

如果有人遇到与上述相同的问题，即页面在转换期间闪烁：

page content height > screen height

这在某种程度上与 JQM 提供的页眉/页脚相关。要解决此问题：

1）删除所有data-position="fixed"从页眉/页脚。

2) 包含以下CSS以提供相同的效果（但不闪烁）

.ui-page {
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.ui-header {
    position:fixed;
    z-index:10;
    top:0;
    width:100%;
    height: 40px;
}
.ui-content {
    padding-top: 57px;
    padding-bottom: 54px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ui-footer {
    position:fixed;
    z-index:10;
   bottom:0;
   width:100%;
}