jQuery Mobile メモ - “automatic AJAX page loading”を無効にする
AJAX page loading でアニメーションページ変移されるのは格好良いので是非とも使いたいのですが、なぜだかうまく次のページが表示されないことがあります。
相性が悪いのか、理解が足りないのか、まだ不具合があるのかはよくわかりません。
aタグでの遷移は rel="external" を付加して
<a href="http://sinkan.net/" rel="external" data-role="button">新刊.net</a>
と書けばいいのですが、なぜかフォームだとうまくいきません。*1
後々に付加したタグを解除するのも面倒なので、以下のようにまとめて無効化しました。
<script src="jquery/jquery-1.4.4.min.js"></script> <!-- jQueryMobile CUSTOM --> <script type="text/javascript"> $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxLinksEnabled: false, ajaxFormsEnabled: false }); }); </script> <script src="jquery/jquery.mobile-1.0a2.min.js"></script>
ajaxLinksEnabled が通常のリンク、ajaxFormsEnabled がフォームでの遷移となります。
ポイントは、jQuery MobileのJavaScriptを読み込む前に書くことです。
他にも初期設定値を変更することができるようです。
詳しくは、以下を参照ください。
*1:これはいまだに未解決