rel= "external" 和白色闪烁(PhoneGap + jQuery Mobile)

Question

我知道有关于这个问题的问题，但我尝试了一切，没有纠正我的错误！X__X

我

有一个适用于Android的移动应用程序（天文数字），当我用来加载另一个html时，在过渡中会发出我无法删除的白色闪光（我尝试删除过渡"幻灯片"以使用，但什么都没有，背景：#000000！重要，等等。我使用 jQuery mobile 1.3.1 和 Phonegap 2.9.0。

我将分享一个视频，您可以在其中更好地看到问题：http://www.youtube.com/watch?v=ykjCN03nOCM

有什么帮助吗？？

问候丹妮拉。

Answer 1

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才能执行平滑过渡。

Answer 2

在这里试试这个：这里

也许那时你的过渡会更顺利。