$.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 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日
同じカテゴリー(メソッド)のエントリー
- $.widget()
- enhanceWithin()
- collapsibleset()
- collapsible()
- checkboxradio()
- buttonMarkup()
- button()
- $.mobile.silentScroll()
- $.mobile.path.parseUrl()
- $.mobile.path.makeUrlAbsolute()
- $.mobile.path.isRelativeUrl()
- $.mobile.path.isAbsoluteUrl()
- $.mobile.path.get()
- $.mobile.navigate()
- jqmEnhanceable()
- panel()
- popup()
- selectmenu()
- slider()
- textinput()
- $.mobile.changePage()
- page()
- $.mobile.LoadPage()
- dialog()