JQuery Mobile - 转换之间的白屏答案

【问题标题】：JQuery Mobile - White screen between transitionsJQuery Mobile - 转换之间的白屏
【发布时间】：2013-06-02 07:12:48
【问题描述】：

我正在使用Android 4.1 版本的三星 Galaxy 手机。我在页面转换之间看到白屏。 JQM Version is : 1.3.1。已根据其他建议执行以下操作：

$(document).on("mobileinit", function(){
    $.mobile.defaultDialogTransition = "none";
    $.mobile.defaultPageTransition = "none";
});

但是，似乎不起作用。当我们从另一页回来时，这一点更加明显。将不胜感激宝贵的建议和修复。

【问题讨论】：

很多事情都可能导致这个问题，所以你需要更具体地了解你的设计。您有我们可以测试的工作示例吗？
没有任何工作示例。作为我的网站实施的一部分，我正在这样做。我正在使用单页模板并加载网站。如果你能问我具体的问题，会告诉你的。
如何执行页面转换（通过 Ajax）？确保您没有明确使用需要 3D 变换支持的过渡。默认情况下，除淡入淡出之外的所有过渡都需要 3D 变换支持。还要检查 mobileinit 处理程序是否位于 jQuery js 和 jQuery Mobile js 之间。
谢谢你是正确的。 mobileinit 没有被执行，因为它不在 jQuery js 和 jQuery Mobile js 之间。但是，删除过渡也会删除应用程序的感觉。这些错误会很快在 JQM 中得到修复吗？

标签： jquery jquery-mobile

【解决方案1】：

确保 mobileinit 处理程序位于 jQuery js 和 jQuery Mobile js 之间。

另外如jQM 1.3.1 Docs中提到的：

重要提示：某些平台目前存在过渡问题。我们正在努力为每个人解决问题的解决方案。如果您在过渡期间或过渡结束时遇到闪烁和闪烁，我们建议采用以下解决方法。请注意，此解决方法应在部署前在目标平台上进行彻底测试。已知此解决方法会在某些平台（尤其是 Android）上导致性能问题和浏览器崩溃。将以下代码添加到您的自定义 css。

.ui-page { -webkit-backface-visibility: hidden; }

只看到淡入淡出过渡？要查看所有过渡类型，您必须使用支持 3D 变换的浏览器。默认情况下，缺乏 3D 支持的设备（例如 Android 2.x）将回退到所有过渡类型的“淡入淡出”。

【讨论】：