jQuery Mobile でajaxを無効にする

スマホサイト作ってますか!?

最近jQuery Mobile を使ってみたりしています。
jQuery Mobile って長いですね。略して「JQM」でいいんじゃないかと思います。

JQMは読込むだけで、自動的にそれなりのスマホサイトになってすごい!
静的なHTMLだけのサイトならすぐできそうですね。

PHPなど使った動的なサイトならどうなんでしょう。
勝手にajaxされるのがちょっと煩わしい・・・。
ということでajaxを無効にする方法を探してみました。

JQMの読込み部分

<head>
<link href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
</head>

ajaxを無効にする設定

$(document).bind(&quot;mobileinit&quot;, function(){
  $.mobile.ajaxEnabled = false; // ajaxを無効
});

これをjqueryとJQMの読込み部分の間に挟みます。

<head>
  <link href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" rel="stylesheet" type="text/css" />
  <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
  //ajaxを無効にする設定
  $(document).bind("mobileinit", function(){
    $.mobile.ajaxEnabled = false; // ajaxを無効
  });
  <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
</head>

jqueryとJQMの読込み部分の間に挟まないと適用されなかったので、
別ファイルに書いて分けておくと良さそうです。(jqm.config.jsとか。)

余談

あと個人的な対策としてcode.jquery.comのサーバーから読込み時に時間がかかることがあったので、
JSやCSSや画像を自分のサーバーにアップして使用することにしました。

参考

jQuery Mobile
jQuery Mobileのドキュメントの和訳を(勝手に)はじめました

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です