$.mobile.changePage()

このエントリーをはてなブックマークに追加

$.mobile.changePage()はJavaScriptでjQueryMobileのページ遷移をおこなうメソッドです。

$.mobile.changePage()はjQuery Mobile 1.4で非推奨になり、jQuery Mobile 1.5で廃止予定です。pagecontainerウィジェットのchangeメソッドを利用しましょう

引数にURLを指定することで、そのページをAjaxで読み込み表示します。

$.mobile.changePage("about/us.html");

引数にはURL以外にjQueryオブジェクトを指定することができます。次の場合ではid属性「about」が指定されたページ(data-role=”page”)に遷移を行ないます。

$.mobile.changePage($("#about"));

第2引数にはページ遷移時のオプションを以下のように指定できます。

allowSamePageTransition (boolean, default:false)

jQuery Mobileはデフォルトでは現在アクティブなページへの遷移は無視しますがこのオプションを有効にすることでページ遷移が可能になります。

changeHash (boolean, default:true)

ハッシュフラグメントを更新するかどうか設定します。

data (object or string, default: undefined)

Ajaxでページ遷移する際に送信するパラメータを設定できます。第1引数がURLの場合のみ有効です。

dataUrl (string, default: undefined)

指定したURLにページ遷移時にブラウザのURLバーの表示を変更します。ここで指定が行なわれない場合はdata-url属性に指定している文字列にが利用されます。

pageContainer (jQuery collection,default:$.mobile.pageContainer)

ページが含まれている要素を明確にします。

reloadPage (boolean, default: false)

すでにDOM上に構築されたページを強制的にリロードします。

reverse (boolean,default:false)

data-direction=”reverse”のように逆向きのアニメーションでページ遷移するか設定します。

role

新しく表示するページのdata-role属性を指定します。

showLoadMsg (boolean,default:true)

ページ遷移時のメッセージを表示するかどうか指定できます。

transition (string, default:$.mobile.defaultPageTransition)

ページ遷移時のアニメーションが指定できます。

type (string, default: “get”)

ページ取得のAjaxのリクエスト形式(get or post)を設定します。

jQuery Mobile Docs – Methods

jQuery Mobile 1.4.0での追加/変更

$.mobile.changePage()はjQuery Mobile 1.4で非推奨になり、jQuery Mobile 1.5で廃止予定です。

参考URL

jQuery.mobile.changePage() | jQuery Mobile API Documentation

登録日 : 2012年09月25日 最終更新日 : 2016年12月19日

同じカテゴリー(メソッド)のエントリー

検索

スポンサードリンク

バージョン

リファレンス