jQuery Mobile コンポーネントシリーズ #6 「開閉式とアコーディオン式コンテンツ」 | DevelopersIO
前回#5では「ボタン」について紹介しました。 jQuery Mobileの開閉式コンポーネントには2つの種類があります。今回は「開閉式とアコーディオン式コンテンツ」について紹介します。 開閉式コンテンツ 開閉式のコンテンツを作成するには、コンテナとなる要素に対して「data-role=“collapsible”」を指定します。入れ子にすることもできます。 サンプルソース <div data-role="collapsible"> <h2 id="toc-1">開閉</h2> <p>この部分には内容が入ります。</p> </div> 読み込み時の開閉状態を制御する 読み込み時にコンテンツが開いた状態にしておきたい場合「data-collapsed="false"」をコンテナとなる要素に指定します。 <div data-role="collapsible" data-collapsed="tr
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください！ ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーとフッターでdata-position="fixed"を指定する必要がある） data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
jQuery Mobile 1.1.0 日本語リファレンス
