JQuery Mobile index.html の script 記述順序

Jquery MobileでJavaスクリプトの設定ファイルをjs/config.jpとして利用しようとしたところうまく利用できません。

記述内容は、次のように、初期化の段階で、ページジャンプ先のhederに戻るボタンをデフォルト化するものなのですが、記述内容は間違っていません。

$(document).on(“mobileinit”, function(e) {
$.mobile.page.prototype.options.addBackBtn = true;
$.mobile.page.prototype.options.backBtnText = “戻る”;
});

で、いろいろ試しているうちに、index.htmlのhederの記載順ということが分かりました。こいういこともあると分かっていていても、後から読み込んだもので上書きされるような気がしていたのですが、違うってことですよねー。

[間違った順序 例]
<!– JQuery Mobile Head –>
<script type=”text/javascript” src=”jquery/jquery-1.7.2.js”></script>
<script type=”text/javascript” src=”jquery/jquery.mobile-1.1.1.min.js”></script>
<script type=”text/javascript” src=”js/config.js”></script> ←ココ

[正しい順序 例 ]
<!– JQuery Mobile Head –>
<script type=”text/javascript” src=”jquery/jquery-1.7.2.js”></script>
<script type=”text/javascript” src=”js/config.js”></script> ←ココ
<script type=”text/javascript” src=”jquery/jquery.mobile-1.1.1.min.js”></script>

といこうことで、よく注意しよう。