iPad前回はメニューの画面遷移を実装しました。遷移しただけで戻れないと言う致命的な欠陥がありますので、戻るボタンを実装しようと思います。jQueryMobileでは画面遷移をURLのハッシュで管理していますね。2カラムだとどうしようもないので、独自に実装します。location.historyも利用出来ないので、Stackとして保持するようにしましょう。画面遷移の履歴を管理する画面遷移の履歴を保持しましょう。JavaScriptで実装していきます。今回はメニュー部分の履歴ですが、コンテンツ部分も同様です。[];}};})();これでひと通り管理出来るようになったかなと思います。画面遷移時にバックスタックに登録するバックスタックとは別に、現在いる画面を覚えておく必要もありますね。初期表示される画面のsectionタグに必要なデータを追加しておきます。data-menupagetitleを定義しました。こちらに現在の状況を保持しておくことにしましょう。前回作った、app.loadMenuBody()を変更しようと思います。ここまで追加$('#index').page('destroy').page();};})();戻る時に画面を復元する戻るボタンが押されたら画面を元に戻さないといけないですね。ヘッダ部分のリンクが押された場合に、それが戻るボタンならバックスタックから前の画面を取り出して、差し替えて上げる処理を呼び出しましょう。この時、普通にloadMenuBodyを呼び出してしまうとまたバックスタックに入ってしまうので、別の関数を作ります。false;}});こんな感じで実装出来ました。メニュー部分の上部に戻るボタンが配置され、それを押すと実際に戻る事が出来ましたね。次回はコンテンツ部分に対しても同じような処理を書いて行こうと思います。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。