在 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%
}

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