jQuery Mobileをつかう

リンクでページ遷移をする場合、基本ajaxで行ってるみたい。

直接遷移して欲しい時はaタグの場合

rel="external"

を付ける

formタグの場合は

data-ajax="false"

をつける

<a href="/hoge" rel="external">りんく</a>
....
<form action="/hoge" action="post" data-ajax="false">
<input type="submit" value="GO">
</form>

すべてを無効にする場合

1.config.jsを作成

$(document).bind("mobileinit", function(){                                            
    $.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする       
    $.mobile.ajaxFormsEnabled = false; // Ajax を使用したフォーム遷移を無効にする     
});

2.jqueryの読み込みを見込ませる。
読み込ませる順番も大事 jquery.js => config.js => jquery.mobile.js

<script type="text/javascript" src="/static/js/jquery.1.5.0.min.js"></script>
<script type="text/javascript" src="/static/js/config.js"></script>
<script type="text/javascript" src="/static/js/jquery.mobile-1.0a3.min.js"></script>