jQuery Mobile Loadingメッセージ変更


iUIを使ってcgiを作ってみたものの適切な公式ドキュメントが発見できず詳しい使い方がわからず、半ば挫折。
で、雑誌を立ち読んでいたらjQuery Mobileなるものが正式リリース間近だという記事を発見。
やってみたかったあたりがドキュメントとして紹介されていたので、こっちに乗り換えてみた。

で、出てきた疑問点と、その解決方法についてメモ書きしていってみる。

第1弾「Loading…」を変えたい

JavaScriptで設定する。
ドキュメントのConfiguring Defaultsに記載の設定を行う。

メインのhtml部分のjqeury.jsとjquery-mobile.jsの間に「custom-scripting.js」行を追加。

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

custom-scripting.jsには以下を記述

$(document).bind("mobileinit", function(){
    //apply overrides here
    $.extend( $.mobile, {
         loadingMessage: "読み込み中..."
    });
});

ちなみに、最初、読み間違って「loadingMessage (string, default: “読み込み中…”);」と入れればいいのかと勘違いしました。

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>