JQUERY MOBILE 1.0 ALPHA 3リリースを祝して小ネタを何本か
ちょっと前の話ですが、JQueryMobileの1.0Alpha3が出ましたね。実はAlpha2から実践投入して使っていたのですが、いろいろバグに苦しめられました。Alphaなのでもちろん覚悟の上ではありますが。
で、せっかくなのでいろいろ調べた事をメモがてら書いてみます。基本的にな話であれば
このあたりが詳しいのでこちらを。このエントリではちょっと気になって調整した箇所などを。
ロード中の文字を日本語にする
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は細かくデザインしなくても、それっぽいサイトが直ぐにつくれるのでいいですよね。リリース版が出るのがとっても楽しみです。