jQueryモバイルの例
jQueryモバイルページ
基本的なモバイルWebページ
複数のページ
ダイアログボックス
インスタンスの説明
jQueryモバイルページの切り替え
フェードイン効果
背面からの反転効果前へ
の流れエフェクト
ポップアップエフェクト
スライドエフェクト
右から左にスライドしてフェードインエフェクト
下から上にスライドエフェクト
上から下にスライドエフェクト
ページめくりエフェクト
切り替えなしエフェクト
反転エフェクト
例の説明
jQueryモバイルボタン
ボタンの作成
インラインボタン
コンボボタン
戻るボタン
角丸の有無にかかわらずボタン
小さいまたは通常のサイズのボタン
影の有無ボタン
例付きで説明
jQuery Mobileボタンアイコン
ボタンにアイコンを追加
アイコンを配置
アイコンのみを表示
例付きで説明
jQuery Mobileツールバー
ヘッダーバーとトレーラーバーを作成する
ヘッダーバーにボタンを追加する
ヘッダー バーの左側にボタンを追加します
ヘッダー バーの右側にボタンを追加します
ボタン付きトレーラー バー
中央揃えボタンのあるトレーラー バー
コンボ ボタン付き フッター バー
水平コンボ ボタン付きテールバー
インライン配置 - ヘッダーとフッターバーはページコンテンツとインラインで表示されます
固定位置 - ヘッダーバーとフッターバーはページの上部と下部に固定されます
全画面位置 - ヘッダー バーとフッターバーはページの上部と下部に固定されますが、ページの上部をカバーしますページコンテンツ
例の説明
jQuery モバイルナビゲーションバー
ナビゲーションバーの作成
コンテンツ内のナビゲーションバー
フッター内のナビゲーションバー
選択された(押された)外観をナビゲーションバーのボタンに追加します
継続的に選択した(押された)外観を追加します
ナビゲーションバーにアイコンを配置します
ナビゲーションバーの10個のボタンのデモ
例を使って説明します
jQueryモバイル折りたたみブロック
折りたたみ可能なコンテンツブロックを作成します
コンテンツを展開するページの読み込み 折りたたみ可能なブロックのアイコン
折りたたみ可能なリスト
折りたたみ可能なフォーム
インスタンスの説明
jQuery Mobile Grid
2列レイアウト
3列レイアウト4列レイアウト5列レイアウト
カスタムグリッド + 読み取りの作成-only リストリスト項目にサムネイルを追加
HTML 要素を追加してリスト項目に情報を追加
リスト項目にアイコンを追加
分割ボタンを使用してリストを作成
リスト項目をより機能的にする
カウントバブルを作成する
折りたたみ可能なリストカレンダーを作成
例付きで説明
jQueryモバイルフォーム テキスト入力ボックス 例による説明 jQueryモバイルテーマ テーマ" a" インスタンスの説明 jQuery Mobileタッチイベント クリック(タップ)イベント 例を挙げて説明
テキスト入力フィールド
検索入力ボックス
ラジオボタン
チェックボックス
ラジオボタンとチェックボックスを組み合わせた水平のラジオボタンとチェックボックス
ラジオボタンとチェックボックスのあるフィールド
事前に選択されたラジオボタン/チェックボックス
作成選択メニュー
区切り線 (optgroup) を使用して選択メニューを作成
カスタム選択メニュー
選択メニューで複数のオプションを選択
結合選択メニュー
水平方向に結合された選択メニュー
事前に選択されたオプション
折りたたみ可能なフォーム
スライダー コントロールを作成
スライダー値を強調表示
トグルを作成スイッチ
事前に選択されたトグルスイッチ
テーマ"b"
テーマのヘッダー、コンテンツ、トレーラー
テーマダイアログ
テーマボタン
テーマアイコン
ヘッダーとトレーラーのテーマ ボタン
テーマ ナビゲーション バー
テーマの折りたたみ可能なボタンとコンテンツ
テーマ リスト
テーマ分割ボタン
テーマの折りたたみ可能なリスト
テーマ フォーム
テーマの折りたたみ可能なフォーム
カスタム テーマ
クリック&ホールド(タップホールド)イベント
スライド(スワイプ)イベント
左スワイプイベント
スワイプライトイベント
スクロールスタートイベント
スクロールストップイベント
方向変更イベント - プロンプト方向
方向変更イベント - さまざまなスタイルを設定ポートレートと風景