jQuery MobileでフォームのAjaxを無効にする。

jQuery Mobileで開発しているときに、フォームをPOSTするとデフォルトではAjaxで遷移してしまうのでこれを無効化する方法。
c■全体的に無効化
javascriptの読み込みを
jquery → 無効化するためのjs → jquery mobile
の順番で記述。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6b1.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
$.mobile.ajaxFormsEnabled = false;
});
</script>

<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
参考:jQuery Mobile の Ajax を使用したページやフォーム遷移を無効にする | 暇人じゃない

■特定のフォームで無効化
formの属性にdata-ajax="false"を追加する。
<form data-ajax="false">


</form>
参考:jQuery Mobile Forms
タグ:jQuery Mobile
posted by digital-squad at 2011年05月25日 19時20分 | Comment(0) | TrackBack(0) | スマートフォン / Android / iPhone
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック