jQuery MobileでリンクのAjax遷移を無効にする。

jQuery Mobileのリンクはデフォルトでは外部リンクも内部リンクもAjaxで読み込むので、これが問題になる場合があるので、Ajaxでの画面遷移を無効化する方法。
■全体的に無効化
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.ajaxLinksEnabled = false;
});
</script>

<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>


■特定のリンクで無効化
rel="external"を追加
<a href="#" rel="external">リンク</a>
タグ:jQuery Mobile
posted by digital-squad at 2011年05月25日 19時44分 | Comment(0) | TrackBack(0) | スマートフォン / Android / iPhone
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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


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

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