jQuery Mobile例文辞典 (1.3.0β)
このページはjQuery Mobileの用例/サンプルを扱っています。ここではjQuery Mobile 1.3.0βを使用しています。
▲印は1.3.0βで追加された項目を示しています。
○印は1.2.0αで追加された項目を示しています。
●印は1.1RC1で追加された項目を示しています。
◎印は1.1RC2で追加された項目を示しています。
★印は1.1RC1で変更された項目を示しています。
☆印は1.0とは異なる動作になったものを示しており、修正が必要な項目です。
Announcing jQuery Mobile 1.3.0 Beta (jQuery Mobile公式ブログ)
*勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい/間違っているというサンプルがありましたら
openspc@alpha.ocn.ne.jp
までメールをください。
Last update:2013/1/16 PM 7:12
ページレイアウト/ページ構成
ページのコンテンツ領域を指定する
複数のページを用意する
ページのヘッダー領域を指定する
ページのフッター領域を指定する
フッターを固定する
共通の固定フッターを設定する
フルスクリーン(全画面)モードにする
ページリンク/ページ移動
同じHTMLファイル名にあるページに移動する
外部のページに移動する
ヘッダーに前のページに戻るボタンをつける
戻るボタンに表示される文字を変更する
ヘッダーにナビゲーションボタンを配置する
フッターに複数のボタンを配置する
フッターにナビゲーションボタンを配置する
ページ移動時の切り替え方法を指定する
(★1.1RC1で変更あり)
ページ移動時の切り替え方向を逆方向にする
(☆1.1RC1では要修正)
テーマ(外観)
ページ全体のテーマ(外観)を指定する
特定の部分のみテーマ(外観)を指定する
ダイアログ
ダイアログを表示する
ダイアログの表示方法を指定する
ポップアップ
ポップアップを表示する
(○1.2.0αで追加)
ウィンドウ中央にポップアップを表示する
(○1.2.0αで追加)
入力フォーム
スライダーを表示する
スライダー値のステップ(間隔)を指定する
(●1.1RC1で追加)
スライダーのバーをハイライト表示する
(●1.1RC1で追加)
小さいスライダーにする
(●1.1RC1で追加)
フリップスイッチを表示する
小さいフリップスイッチにする
(●1.1RC1で追加)
ラジオボタンを表示する
ラジオボタンを水平に表示する
小さいラジオボタンにする
(●1.1RC1で追加)
チェックボックスを表示する
チェックボックスを水平に表示する
小さいチェックボックスにする
(●1.1RC1で追加)
セレクトメニューを表示する
セレクトメニューをjQuery Mobile独自のものにする
カスタムセレクトメニューのタイトルを設定する
ネイティブのフォームとして表示する
ボタンの幅を文字数に合わせる
ボタンに表示されるアイコンの位置を指定する
ボタン
リンク(a要素)をボタン形状にする
×印がついたボタン(キャンセルボタン)を表示する
チェックマークがついたボタンを表示する
歯車マーク(オプション/設定)がついたボタンを表示する
ヘッダーにあるボタンを右側に表示する
四角いボタン形状にする
ボタンに左または右の矢印アイコンを表示する
ボタンに上または下の矢印アイコンを表示する
ボタンに×印のアイコンを表示する
ボタンに+印のアイコンを表示する
ボタンに-印のアイコンを表示する
ボタンにチェックマークのアイコンを表示する
ボタンに歯車(設定)マークのアイコンを表示する
ボタンに更新マークのアイコンを表示する
ボタンに前後移動のアイコンを表示する
ボタンにグリッドアイコンを表示する
ボタンにスター(★)アイコンを表示する
ボタンにアラート(警告)アイコンを表示する
ボタンにインフォーメーション(情報)アイコンを表示する
ボタンにホーム(家)アイコンを表示する
ボタンに検索(虫眼鏡)アイコンを表示する
ボタンサイズを表示する文字幅にあわせる
ボタンをグループ化する
ボタングループを水平に表示する
リスト
リストを表示する
リスト(入れ子/ネスト)を表示する
分割リストを表示する
角丸の立体的なリストを表示する
リスト項目を区切る見出しを表示する
リスト項目を区切る見出しのテーマを表示する
分割リストのアイコンを設定する
リストの右上に文字を表示する
数値(カウントバブル)を表示する
数値(カウントバブル)のテーマを設定する
リスト項目に画像を入れる
検索フィルタを表示しリスト項目を検索できるようにする
検索フィルタエリア内に任意の文字を表示する
パネル/パネルウィジェット
開閉パネルを表示する
開閉パネルを最初から展開して表示する
アコーディオンパネルを表示する
パネルウィジェットを表示する
(▲1.3.0βで追加)
パネルウィジェットの表示位置を指定する
(▲1.3.0βで追加)
パネルウィジェットの切り替え方法を指定する
(▲1.3.0βで追加)
グリッド(整列)
ページを左右2つの領域に分割する
ページを3つ(左中右)の領域に分割する
ページを4つの領域に分割する
ページを5つの領域に分割する
グローバル設定
検索の×ボタンのツールチップの文字を設定する
(◎1.1.0RC2で追加)