在jquery mobile中导航时出现白色闪烁

Question

我注意到当我在项目中的任何html文件之间导航时出现白色闪烁，除非我离开索引文件。我正在使用JQM，但我没有使用ajax，因为我正在链接到多页文档。

我已经在使用JQM和Phonegap制作应用程序的人身上看到了这种情况，但对于常规桌面网站，我很困惑为什么会这样。有什么想法吗？

Answer 1

试试这个..

如果您正在使用它，请删除页眉和页脚上的data-position="fixed"。

然后，将以下CSS样式应用于标题，内容和页脚：

.header {
    position : fixed;
    z-index  : 10;
    top      : 0;
    width    : 100%
}
.content {
    padding : 45px 15px
}
.footer {
    position : fixed;
    z-index  : 10;
    bottom   : 0;
    width    : 100%
}

这个想法/片段借鉴了this question中Jasper的答案（不是OP的接受答案）。我在单页jQuery Mobile v1.1.0 + Phonegap应用程序上遇到了闪烁问题，这为我解决了这个问题。也许这个相同的解决方法适用于v1.3上的多页面应用程序。