1

私は phonegap アプリを作成しています。page1.html、page2.html のようなマルチページ テンプレートを使用しました。各ページはサーバーにヒットし、出力をレンダリングしてリストビューに表示します。したがって、問題は、あるページから別のページにリダイレクトするためにヒットすると、白い画面が表示されることです。

また、Google検索を行ったときに、多くの可能な方法を試しました。しかし、それは私にとっては役に立ちません。

My code is given below:
$('#content').append('<div class="wholediv"><span class = "wholediv_content"><a style="text-decoration:none!important;"href="'+v.pagename+'.html?id='+v.nodeId +'&catname='+ v.pagecat +'"   data-ajax="false">'+'<img src="http://www.examole.com/'+image+' "  class="eventsimages" alt = "image"/>'+'<br /><p>'+v.pagename+'</p></a></span></div>');

index.html:

<div data-role="page">

            <div data-theme="a" data-role="header" data-position="fixed" data-tap-toggle = "false"  style="height:45px;">
                <h3 id = "title">
                    Moble
                </h3>
                <span class="off new_off" id = "off" >Off</span>
            </div>

               <div data-role="content" id="content">

            </div><!-- /content -->


        </div><!-- /page -->
    </body>

ちらつきを避ける必要があります。私は多くの検索を行い、それらすべての回答を適用しましたが、役に立ちませんでした。データ遷移を使用する場合は、削除する必要があることを意味しdata-ajax="false"ます。何をすべきか？

4

1 に答える 1

2

ダブル フリッカーまたはダブル フラッシュはよく知られている問題です。

ロブによって投稿されたソリューションは、実際に機能するものです。

メールの css ファイルでの設定:

.ui-page {
    -webkit-backface-visibility: hidden;
}

これをビューポート タグでも使用します。

user-scalable=no

phonegap の基本的なテンプレートを作成しました。Jquery モバイルなどで。

http://www.codemonkey.mobi/guides/base.zip

ベースに白い画面が表示されません。

これがうまくいったかどうかお知らせください。

これも試してください：

http://blog.hackedexistence.com/phonegap-jquery-mobile-white-screen-flicker-solved

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
于 2013-10-29T10:37:50.097 に答える