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

2011年9月7日

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 日本語リファレンスをご参照ください。

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