jquery mobile

ちょうどiPhone対応作業をしてたので、早速利用。

jquery mobile framework

ドキュメントとデモが英語なので、日本語で利用したい方はこちらから。

http://dev.screw-axis.com/doc/jquery_mobile/

何がすばらしいか・・・とにかく、すばらしい(笑)

初のiPhoneページ対応作業だったので、デザイン含めてかなり時間がかかるものと思っていたら、１日程度で作れました。

若干のクセがあるのでメモ。

• ページ遷移をAjax(jquery)で行う為、HTML側に必ず<div data-rolo=”page”>の記載が必要になる
• 動的なページ(検索結果を出すような)では、#xxx系の動作があやしい(別ページで詳細画面を作るようにして回避した)
• URLが独自のREST形式を採る
• ４０４errorを起こすようなリンクを張っても、Ajaxで回避してくれる(余計なお世話な時も・・・)
• “data-ajax=false”や”rel=external”で、Ajaxページ取得を回避できる

見た目も含め、出来が良すぎるjquery mobile。今後、主流になっていく(なっている？)んでしょう。