"デザインは独自のを使いたいんだけど、リンクなどは自動的にAjaxで遷移してほしい場合 今後やり方が変わるかもしれませんが、今のところはこれでイケるっぽい。 jQuery..."

デザインは独自のを使いたいんだけど、リンクなどは自動的にAjaxで遷移してほしい場合

今後やり方が変わるかもしれませんが、今のところはこれでイケるっぽい。

jQuery MobileのUIはとてもすばらしいですが、これをいろんなサイトで使うとしたらどれもこれも似たようなサイトが出来上がってしまうので、
サイトのデザインは独自にしたい場合にこうゆう方法が必要になってきます。

• data-role=”page”を付けておけば、aタグなどは自動的にAjaxによる遷移になります。
• jQuery Mobileに装飾されないようにするために、data-theme=”hoge”のようにdata-themeを存在しないものにします。
• input type=”text”にdata-role=”none”を付けておく。これしないと勝手にかっこよくなっちゃいます。

或いは、必要なCSS意外をjQuery MobileのCSSファイルから削除しちゃうとか。
でもこれだとあとあとデザインもjQuery Mobileのを使いたいという場合にちょっと不便ですね。