2011年6月26日日曜日

mobileinitイベントで初期処理させるじぇ

jQuery Mobile本家サイトのドキュメントを意訳してくださっている方がいらっしゃいました。

http://dev.screw-axis.com/doc/jquery_mobile/api/configuring_defaults/#/doc/jquery_mobile/

助かります。ホントに助かります。

jQuery Mobileではdoucumentoオブジェクトにmobileinitイベントっていうので共通で使う定数なんかを設定できるらしいです。

例えば、ダイアログ左上の×ボタンのalt値なんかは定数になっていて、これを変更する場合はここでやったら全体に反映できます。
どんな共通項目があるのか把握しておかないと。

明らかに、jQuery Mobileが拡張・追加したイベント。
直訳すると「モバイル初期イベント」って感じでしょうか??

こんな感じにイベント設定しろとのこと。

$(document).bind("mobileinit", function(){
  //apply overrides here
});

注意点としては、jQuery Mobileのライブラリを読み込む前に実行することです。

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>   ←この位置で実行
<script src="jquery-mobile.js"></script>

共通の定数なんかは、$.mobileオブジェクトが保有していて、$.extend関数で上書きできるぽ。

$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
    foo: bar
  });
});

こうでもいいらしいです。

$(document).bind("mobileinit", function(){
  $.mobile.foo = bar;
});

0 コメント:

コメントを投稿

ニコニコ動画ランキング

 
無添加キャットフード通販専門店 ネコまんま