jQuery Mobileの初期値設定オプションの設定

2011/09/07

jQuery Mobileでは、jQuery MobileのJSの手前に初期値設定オプション用のJSを読み込むことで初期設定を変更することができます。

外部JSの埋め込む場所

<script src="jquery.js"></script>
<script src="myscript.js"></script>
<script src="jquery-mobile.js"></script>

myscript.jsに記載の初期値設定

//初期設定オプション

$(document).bind("mobileinit", function(){
//ページ切り替えエフェクトの設定(デフォルトはpop)
      $.mobile.defaultTransition = "none";
//Ajaxの設定(デフォルトはtrue)
      $.mobile.ajaxEnabled = true;
//ページ遷移のAjaxの設定(デフォルトはtrue)
      $.mobile.ajaxLinksEnabled = true;
//formのsubmitの際のAjaxの設定(デフォルトはtrue)
      $.mobile.ajaxFormsEnabled = true;
//戻るボタンの設定(デフォルトはfalse)
      $.mobile.page.prototype.options.addBackBtn = false;
//戻るボタンのテキストの変更
      $.mobile.page.prototype.options.backBtnText = "戻る";
//閉じるボタンのテキストの変更
      $.mobile.dialog.prototype.options.closeBtnText = '閉じる';
      $.mobile.selectmenu.prototype.options.closeText= '閉じる';
//Loadingメッセージの変更
      $.mobile.loadingMessage = "しばらくお待ちください";
//Loadingエラーメッセージの変更
      $.mobile.pageLoadErrorMessage = "読み込みに失敗しました";
//リストのSearch filteringメッセージの変更
      $.mobile.listview.prototype.options.filterPlaceholder = "キーワードで絞り込む";
});

上記の他にも色々設定可能な値がありますが、とりあえずこの辺りは変えたいなと思う箇所を抜粋しています。
詳しくは初期値設定 - jQuery Mobile 1.0b1 日本語リファレンスをご参照ください。

当ブログをデモとしてスマートフォンサイト化しました。

この記事について