Jquery Mobile 上 android 链接 transition 双眨眼

发布时间: 2017/3/14 22:50:49
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个问题与 Jquery 移动使用 Phonegap 编译后。

这里是一个代码片段︰

function game() {
    $.mobile.changePage( "#game", { transition: "slideup"} );
}

页 1:

<a onclick="game()" data-role="button">Start game</a>

第 2 页︰

<div data-role="page" id="game" data-theme="a">
   ... 
</div>

当"启动游戏"点击它肯定不改变页面,但那双闪烁。 这看起来很不好,所以我试图摆脱它。 我喜欢的跃进向上方滑出,但我只是想页后,可以更改而不会看起来像是其双重的改变。

有人能帮忙吗?:)

解决方法 1:

在上闪烁着 Phonegap 问题 android 由于缺乏执行平台像 Android 版本 2.x。我建议你把他们关掉的 android 版本。有一些可能的 css 修补程序,但我从来不设法将它们适当地包括在我的代码。

这样,可以关闭转换︰

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

更多关于 android 电话问题可以在这里找到︰ http://jquerymobile.com/blog/2012/01/10/upcoming-releases-1-0-1-1-1-and-beyond/

后多经过大量的测试和完善,我们决定使用 3D 转换功能测试来排除像差平台 Android更复杂的幻灯片,流行从 2.x 和翻转过渡,所以这些将回退到默认的 fade 所有的转换,以确保顺利的经验。

官方微信
官方QQ群
31647020