jQuery Mobileでコードでページ遷移する

jQuery Mobileで作成したページで、コードでページ遷移したいときの方法。
ただし、jQuery Mobileは独自のページ機構を持っているので、ページ遷移といっても本当に新しいページをロードしてくるとは限らない(むしろしない)ので、通常の感覚でページを遷移するといろいろ問題が発生するので注意が必要。

  • $.mobile.changePage()
    第1パラメータで遷移先を指定する。
    ・URL:$.mobile.changePage(‘hoge.html’)
    ・jQueryオブジェクト:$.mobile.changePage($(‘#pgSpotMap’))
    第2パラメータで動作オプションを指定する。
    (例)$.mobile.changePage($(‘#pgPlan’), { transition: ‘slide’, reverse: true, reloadPage: true });
  • 単純に前ページに戻る場合は$.mobile.back()を使う

参考にしたページ
jQuery Mobileリファレンス

カテゴリー: Tips タグ: パーマリンク