のphonegapは初めてですAndroid
。私はphonegapを使用してアプリケーションを実行しましたjQuery Mobile
が、問題は、ローダーが表示されていない、表示されているこの白い画面の間で1つのページを別のページに移動することです。
ページナビゲーションで最初にJavaスクリプトをロードし、ページナビゲーションの間に白い画面を削除する方法を教えてください。
のphonegapは初めてですAndroid
。私はphonegapを使用してアプリケーションを実行しましたjQuery Mobile
が、問題は、ローダーが表示されていない、表示されているこの白い画面の間で1つのページを別のページに移動することです。
ページナビゲーションで最初にJavaスクリプトをロードし、ページナビゲーションの間に白い画面を削除する方法を教えてください。
まず、jQueryオプションを次のように設定します:$。defaultPageTransition:'none'、次に、以下のようにナビゲーションバーにリンクを設定する必要があります。
<div data-role="navbar" data-theme="a" data-grid="c">
<ul data-transition="none" >
<li><a data-transition="none" href="#" class="ui-btn-active ui-state-persist" id="Page1" data-icon="custom">Page1</a></li>
<li><a data-transition="none" href="#Page2" id="Page2" data-icon="custom">Page2</a></li>
<li><a data-transition="none" href="#Page3" id="Page3" data-icon="custom">Page3</a></li>
<li><a data-transition="none" href="#Page4" id="Page4" data-icon="custom">Page4</a></li>
</ul>
</div>
または、以下のようにページ変更方法を使用することもできます。
$.mobile.changePage("#pageid", {
transition: "none",
reverse: true,
changeHash: true
});
最新の phonegap を使用してください。corodova-2.2.0 を使用します。また、 $.defaultPageTransition:'none' にする必要があります
スクリプト セクションをHEAD
タグからBODY
タグに変更します
あなたが使う
$.mobile.changePage('#yourPage', "slide");
???
解決しない場合は、http://jquerymobile.com/demos/1.2.0/docs/pages/loader.htmlを参照してください。
ページを正しく ajax でロードしていると仮定すると、一部のデバイスではより良いトランジションに問題があったために導入された jquery モバイルのバグ/機能に遭遇している可能性があります。幸いなことに、利用可能な簡単な修正方法があります。
https://github.com/watusi/jquery.mobile.simultaneous-transitions