2012-03-14 10 views
5

私は小さなモバイルアプリケーションを構築しています。私はJQMについて質問を受けました。ページが読み込まれた後、私はので、AJAX呼び出しを行うjquerymobile phonegap戻るボタン前の状態に戻る

ユーザーがユーザーでログインしているページA.ページAがJQMからloadPage($.mobile.loadPage("pageA.html")例)がロードされているにリダイレクトされますいくつかのデータをデータベースから取り出し、ページAの内容を変更します。ページAからページBに移動できます。ページBには戻るボタンがあります。バックボタンをクリックすると、アプリはAJAXコンテンツのない状態に戻ります。これを修正する方法はありますか?ユーザーがページから移動した後

おかげ

答えて

7

デフォルトでは、jQueryのモバイルは、AJAX経由でDOMに持ち込ま任意のページを削除します。あなたが特定のページに対してこの機能を無効にしたい場合は、ページのdata-role="page要素にdata-dom-cache属性を追加し、trueに設定することができます

<div data-dom-cache="true" data-role="page" id="pageA"> 
    ... 
</div> 

出典:http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-cache.html

この機能が追加されましたDOMのサイズを制御するのに役立つjQuery Mobileには、ブラウザのクラッシュが少なくなります。 DOM内に単一のページを保持したい場合は、デバイスを駄目にする巨大なページではないことを確認してください。

+0

よろしく、ありがとうございます。完璧に動作します。私はJQMのドキュメントのすべてのページを見て、これを見たことはありません:)多分私は眼鏡が必要です;) –

+0

これはiOSとPhonegapで動作しますか? – Blynn

+0

@BlynnこれはPhoneGapでうまくいくはずです。 PhoneGapでは、アプリケーション内にWebページを表示するために 'webview'を使用しています。したがって、同じ基本的なDOMのほとんどが存在します。 – Jasper

関連する問題