jQuery Mobile-过渡之间的白色屏幕 [英] JQuery Mobile - White screen between transitions

问题描述

我正在使用具有Android 4.1版本的Samsung Galaxy Phone.在页面迁移之间看到白屏. JQM Version is : 1.3.1.已经按照其他建议进行了以下操作:

Am using Samsung Galaxy Phone with Android 4.1 Version. Am seeing white screen between page tranistion. JQM Version is : 1.3.1. Already doing the following as per other suggestions:

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

但是，似乎没有用.当我们从另一个页面返回时，这一点更加明显.希望您能提出宝贵的建议并予以解决.

But, does not seem to work. This is more evident when we come back from another page. Would appreciate valuable suggestions and fix.

推荐答案

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

Make sure that the mobileinit handler is located between jQuery js and jQuery Mobile js.

此外，如 jQM 1.3.1文档所述:

重要提示:当前某些平台在过渡方面存在问题.我们正在寻找一种解决方案，以解决每个人的问题.如果在过渡期间或过渡结束时遇到闪烁和闪烁，我们建议采取以下解决方法.请注意，在部署之前，应在目标平台上彻底测试此变通办法.已知此解决方法会导致性能问题，并且在某些平台(尤其是Android)上会导致浏览器崩溃.将以下代码添加到您的自定义CSS中.

Important: Some platforms currently have issues with transitions. We are working on a solution to solve the problem for everyone. If you are experiencing flickers and flashes during or at the end of a transition we suggest the following workaround. Please note that this workaround should be thoroughly tested on the target platform before deployment. This workaround is known to cause performance issues and browser crashes on some platforms, especially Android. Add the following code to your custom css.

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

仅看到淡入淡出过渡?要查看所有过渡类型，您必须使用支持3D变换的浏览器.默认情况下，缺少3D支持的设备(例如Android 2.x)对于所有过渡类型都将退回到淡入淡出"状态.

Only seeing fade transitions? To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types.

这篇关于jQuery Mobile-过渡之间的白色屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！