6

PhoneGap を使用して iOS アプリに変換した jQuery Mobile アプリがあります。jQM のバージョン 1.1.0 を使用しています。

ページ間で「フェード」トランジションを使用しています（私が読んだように、それらはそれほど要求が厳しくありませんでした）。

iPhone シミュレーターでアプリの PhoneGap バージョンを最初に実行したとき、ページが遷移するたびにちらつき/フラッシュが発生しました。ページが表示され、クリアされてから再表示されているかのように、すべて一瞬でした。デバイスで実行すると、何かが起こりました。

Sarah-Jane's answer to a similar questionのアドバイスを適用しました。

これにより、シミュレータでは問題が修正されましたが、実際のデバイスでは修正されませんでした。

誰かがこの問題を経験し、解決策を見つけましたか?

4

4 に答える 4

12

この男は問題を解決しました - それは私のために働いた：

http://outof.me/fixing-flickers-jumps-of-jquery-mobile-transitions-in-phonegap-apps/

CSS:

body {
    /* Setting body margins to 0 to have proper positioning of #container div */
    margin: 0;
}

/* #container div with absolute position and 100% width and height so it takes up whole window */
#container {
    position: absolute;
    width: 100%;
    height: 100%;
}

JS:

$(document).one("mobileinit", function () {

    // Setting #container div as a jqm pageContainer
    $.mobile.pageContainer = $('#container');

    // Setting default page transition to slide
    $.mobile.defaultPageTransition = 'slide';

});

そして、すべての jQM ページを 1 つのページにラップします<div id="container">

于 2012-10-05T15:56:23.780 に答える
1

フェード トランジションの点滅は、ほとんどの場合、スライドまたはその他のトランジション モードに変更する必要があります。

于 2012-05-05T11:52:27.317 に答える
0

それは役立つかもしれません

<meta name="viewport" content="width=device-width, user-scalable=no" />
于 2013-08-18T10:41:30.983 に答える
-1

次のコードを使用

$(document).ready(function() 
{ 

    $.mobile.defaultPageTransition = "none"
    $.mobile.defaultDialogTransition = 'none';
    $.mobile.useFastClick = true; 
    $.mobile.touchOverflowEnabled = true;

});
于 2013-02-10T15:31:57.660 に答える