はじめてのjQueryMobile - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。 新たなモバイル向けフレームワークとして期待が高まりますが、 今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。 だいたいのイメージを掴んで頂ければ幸いです。 公式 : jQuery Mobile | jQuery Mobile jQueryではなく、jQueryUIのモバイル版 と、言うべきでしょうか？ jQueryMobileが提供してくれるのは、 スマートフォン向けのテーマスタイルシートと、 それをより簡単にレンダリングする為の仕組みです。 はじめ勘違いしていたのですが、 jQueryをモバイル向けにチューンした物ではないので注意。 使用の際にはjQueryを一緒に読み込む必要があります。 <link
jQuery Mobile Docs - リスト
基本のリンクつきリスト リスト表示は、data-role="listview" 属性を持つリンク付きリスト項目を含む単純な番号なしリストとしてコーディングされます。jQuery Mobileは必要なスタイルをすべて適用し、リストを変換してモバイルに適したリスト表示（ブラウザウィンドウの幅いっぱいを埋める右矢印を含む）にします。リスト項目をタップすると、フレームワークがトリガーとなってリスト項目内の1番目のリンクがクリックされ、リンクのthe URLにAJAXリクエストが送信されDOMに新しいページが作成され、最後にページ遷移が開始されます。以下に基本リンクリストの HTMLマークアップを示します。 <ul data-role="listview" data-theme="g"> <li><a href="acura.html">Acura</a></li> <li><a href="aud
jQuery Mobile の NestedList で JSON データを動的にリスト表示 - なんとなくな Developer のメモ
以前、jQTouch 等で作成したもの（iUI版 id:fits:20100715, jQTouch版 id:fits:20100731, SenchaTouch版 id:fits:20101005）と同様のサンプルを jQuery Mobile で作成してみました。（サーバー側の処理も同じものを使用） jQuery Mobile 1.0 a1 ただし、今回のサンプル（静的HTML版も含む）のようにリストアイテムにアンダースコア "_" を含む名称が使われる場合（例 information_schema）、Firefox では正常に動作しますが、Safari では「Error Loading Page」が表示され次の画面に遷移できなかったので注意。（Android エミュレータでも同じ現象が発生） 原因は調査してませんが、jQuery Mobile が自動生成する ID に問題ありかも。（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
