iPad前回までで基本的なデザインは出来上がりました。言うことにしておきましょう。次は画面遷移をしたいと思うのですが、jQueryMobileのデフォルトの挙動ではメニュー部分だけとか、コンテンツ部分だけを画面遷移させることが出来ないですね。いう訳で、今回はメニュー部分の画面遷移を実装していこうと思います。事前準備まずは大元になるページを切り替えられるようにしておきます。戻るボタンとかで戻れるようにしたいので、別ページとして定義します。</section>レイアウトの骨組みのページとメニューページ、コンテンツページの3つに分割しました。次に、初期表示の時に、このメニューページとコンテンツページを読み込みましょう。{app.init();});これで初期表示時に以前までの画面を表示することが出来ました。メニュー部分を切り替えるメニュー側のリンクやボタンを押された場合のイベントを定義しましょう。jQuery.click()を使うのではなく、liveを使ってDOMが生成された時に適用されるようにします。リンクにdata-href-target="menu"の場合はメニューが切り替わるように、それ以外の場合はコンテンツが切り替わるようにします。現在はこの実装ですが、別画面に遷移することもあると思いますので、後で修正するようにしましょう。あとは遷移先の画面ですね。</section>出来た感じですね。次回はメニューのヘッダに戻るボタンを作りたいと思います。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。