2

Phonegapでコンパイルした後、JqueryMobileで問題が発生しました。

コードスニペットは次のとおりです。

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>

「ゲームを開始」リンクをクリックすると、ページが変更されますが、2回点滅します。これは非常に悪いように見えます、そして私はそれを取り除こうとしています。トランジションスライドアップが好きですが、ページが二重に変更されているように見えずに、ページを変更したいだけです。

誰か助けてくれますか？:)

4

2 に答える 2

2

Androidでの点滅に関するPhonegapの問題は、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などのパフォーマンスの低いプラットフォームを、より複雑なスライド、ポップ、フリップトランジションから除外し、デフォルトに戻すことにしました。スムーズなエクスペリエンスを確保するために、すべてのトランジションでフェードします。

于 2012-12-05T14:18:52.270 に答える
0

Gajotresのおかげで、解決策が見つかりました。

jquery mobileの前にtransitiondisableスクリプトを含める必要があることがわかりました。これは、少し奇妙なことです。後で含める方が論理的ですが、現在は機能しており、満足しています:)

ソリューション：

<script src="js/disableTransition.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
于 2012-12-06T10:07:40.027 に答える