rel =“外部”和白色闪烁(phonegap + jquery mobile)

时间:2013-09-09 01:57:20

标签: android jquery-mobile cordova

我知道这个问题有问题,但我尝试了一切,不解决我的错误! X__X

我有一个适用于Android的移动应用程序(天文),当我用来加载另一个html时,在过渡中会产生一个我无法删除的白色闪光(我尝试删除过渡“幻灯片”使用而没有,背景:#000000!重要等等..)。我使用 jQuery mobile 1.3.1和Phonegap 2.9.0。

我将分享一个视频,您可以更好地查看问题:http://www.youtube.com/watch?v=ykjCN03nOCM

任何帮助??

此致 丹妮拉。

2 个答案:

答案 0 :(得分:0)

CSS:

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

代码: 这个线程的CSS解决方案对我不起作用(Android 2.x)。

我在所有链接中都使用data-transition="none"禁用了转化,一切正常。它也应该在页面级别设置时工作,但它对我不起作用(jQuery Mobile 1.0)。这是代码:

        // turn off animated transitions for Android
        if (navigator.userAgent.indexOf("Android") != -1)
        {
            $("a").attr("data-transition", "none");
        }

另一种(更好的)方法是为jQuery Mobile设置默认转换:

        $(document).bind("mobileinit", function()
        {
            if (navigator.userAgent.indexOf("Android") != -1)
            {
                $.mobile.defaultPageTransition = 'none';
                $.mobile.defaultDialogTransition = 'none';
            }
        });

iPhone执行硬件加速转换,而其他平台按软件执行转换。这解释了为什么只有iPhone执行平滑过渡。

答案 1 :(得分:0)

在此处试试这个:here

也许你的过渡会比较顺利。