で、せっかくなのでいろいろ調べた事をメモがてら書いてみます。基本的にな話であれば

• JQuery Mobile[基礎編]
• jQuery Mobile リファレンス的なもの

このあたりが詳しいのでこちらを。このエントリではちょっと気になって調整した箇所などを。

ロード中の文字を日本語にする

JavaScriptファイルを準備して以下のように記述、これを読み込めばロード中の「loading」って文字が「読み込み中」になります。

$(document).bind("mobileinit", function(){
$.mobile.loadingMessage = "読み込み中";
});


Backボタンを一括して日本語に

JavaScriptファイルを準備して以下のように記述すれば、「Back」ボタンの文字が全部「戻る」になります。

$(document).bind("mobileinit", function(){
$.mobile.page.prototype.options.backBtnText = "戻る";
});


Selectメニューをネイティブのものにしたい

Alpha2だとセレクトメニューにちょっとバグがあって、ネイティブのものを利用する必要がありました。以下のように書くことによって、JQueryMobileのselectメニューを無効にできます。

$(function () {
$.widget( "mobile.selectmenu", $.mobile.widget, {
options: {disabled: true}
});
});


いまのところこんな感じ。テーマファイルなんて機構もあって、つくった覚えがあるんだけど詳しいやり方忘れちゃいました。思い出したら追記します。

JQueryMobileは細かくデザインしなくても、それっぽいサイトが直ぐにつくれるのでいいですよね。リリース版が出るのがとっても楽しみです。