rel="external" 和白色闪烁（phonegap + jquery mobile）答案

【问题标题】：rel="external" and white flickering (phonegap + jquery mobile)rel="external" 和白色闪烁（phonegap + jquery mobile）
【发布时间】：2013-09-09 01:57:20
【问题描述】：

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

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

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

有什么帮助吗？？

问候，丹妮拉。

【问题讨论】：

标签： android jquery-mobile cordova

【解决方案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 才能执行平滑过渡。

【讨论】：

感谢您的回答！我测试了你写给我的东西，但它没有用 x_X。我仍然有同样的问题。另外一个选择？ x_X
页面更改后需要加载数据。表示第一次更改页面时，而不是加载数据后

【解决方案2】：

在这里试试这个：here

也许你的过渡会更顺利。

【讨论】：