タグ

サンプルに関するTenioのブックマーク (2)

  • 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 に問題ありかも。(

    jQuery Mobile の NestedList で JSON データを動的にリスト表示 - なんとなくな Developer のメモ
  • 1