jquery mobile frameworkがすばらしい

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

jquery mobile framework

 

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

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

 

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

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

 

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

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

 

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