jQuery Mobile逆引きリファレンス
jQuery Mobileの基本機能を目的別リファレンスの形式でまとめる
-
39
モバイル端末を縦横回転させたときにレイアウトを調整するには？
端末の回転を検知できるorientationchangeイベントを説明して、端末が縦置きの場合は縦並びに、横置きの場合は横並びに表示する方法を説明します。
-
38
スクロールの開始／終了のタイミングで発生するscrollstart／scrollstopイベントの基本的な使い方を説明します。
-
37
data-defaults／data-enhanced属性でページの描画を高速化するには？
jQuery Mobileでパフォーマンスを改善する方法を解説します。。ウィジェットの動作パラメーターをデフォルト設定して解釈処理をスキップする方法と、文書ツリーの一部を手書きして自動生成をスキップする方法について紹介します。
-
36
ウィジェットのレイアウト状態が変化したとき（例えば開閉パネルが開いた／閉じたときなどに）、処理を実行する方法を説明します。
-
35
ページを表示／切り替えするタイミングで発生するイベントにはどのようなものがあるのか。ページイベントの基本的な利用方法を説明します。
-
34
JavaScriptからjQuery Mobileページ間の移動を制御するには？
通常のページ遷移ではlocation.hrefプロパティを利用するが、jQuery Mobileのページ遷移ではchangeメソッドやloadメソッドを利用します。その基本的な使い方を説明します。
-
33
フォーム関連を自前で記述する場合、jQueryの知識を生かせますが、jQuery Mobile固有の注意点もあります。その注意点について解説します。
-
32
$.mobile.pathオブジェクトでパス／URLの情報を取得／操作するには？
パスやURLを取得／操作するには、$.mobile.path.xxxxxメソッドが利用できます。各メソッドの基本的な使い方を解説します。
-
31
jQuery Mobileの動作パラメーターを設定するには？
jQuery Mobileやウィジェットの動作を変更できる「動作パラメーター」の基本的な使い方を解説します。
-
30
つまみをスライドして値を簡単に選択できるスライダーを作成するためのSliderウィジェットの基本的な使い方を説明します。
-
29
Filterableウィジェットによる検索ルールをカスタマイズするには？
前回は、Filterableウィジェットを利用して、リスト／テーブルなどに検索機能を付与してみました。今回は、その検索機能を用途に応じてカスタマイズする方法について紹介します。
-
28
Filterableウィジェットでリスト／テーブルなどに検索機能を付与するには？
リストやテーブル、ボタングループ／選択ボックスなど、任意の要素グループに対して検索機能を付与できるFilterableウィジェットの基本的な使い方を解説します。
-
27
ListViewウィジェットで、アイコン付き、カウントバブル付きのリストビューを生成するには？
ListViewウィジェットを使って作成したリストに対して、サムネイル／アイコン画像やカウントバブル、見出し／補足情報を追加する方法を説明します。
-
26
ListViewウィジェットで作成したリストに区切り線を追加するには？
リスト項目をある固まりごとに区分けして視認性を高めたい場合にはデバイダー（＝区切り線）を使用します。その追加方法を解説します。
-
25
NestedListプラグインの利用方法を解説します。NestedListプラグインは、初期状態で最上位の項目だけを表示して、そこから下位階層の項目にドリルダウンできる、階層化リストを作成します。
-
24
ListViewウィジェットで、ネイティブアプリ・ライクなリストビューを作成するには？
＜ul＞／＜li＞要素や＜ol＞／＜li＞要素をネイティブアプリで見かけるようなリッチなリストに整形できるListViewウィジェットの基本的な使い方を解説します。
-
23
Textinputウィジェットでテキスト入力ボックスを設置するには？
jQuery Mobileでテキスト入力ボックスを設置するのは通常のフォームの場合と変わりません。それだけで角丸やシャドウ効果の効いた、ネイティブアプリ・ライクなテキストボックスへと整形してくれます。
-
22
jQuery Mobileでフォームを設置する際の、よりjQuery Mobileらしいフォームを実装するために知っておきたいポイントと特性方法を説明します。
-
21
Selectmenuウィジェットで選択メニューを作成するには？
通常の「ラジオボタン／チェックボックス」ではなく、タップして初めて選択オプションが表示される「選択メニュー」を作成する方法を説明します。
-
20
Flipswitchウィジェットでオン／オフ選択のためのフリップスイッチを作成するには？
オン／オフに特化した選択ボタンを設置するには、CheckboxradioウィジェットよりもFlipswitchウィジェットが便利。その基本的な使い方を解説します。
-
19
Checkboxradioでラジオボタン／チェックボックスを作成するには？
標準のラジオボタン／チェックボックスをリッチな選択ボタンに整形できるCheckboxradioウィジェットの基本的な使い方を解説します。
-
18
jQuery Mobileページで複数列からなるグリッドレイアウトを作成するには？
標準機能を使ってグリッドレイアウトを作成する方法を解説します。複数行にまたがるレイアウトや、レスポンシブレイアウトへの対応も紹介します。
-
17
Collapsiblesetウィジェットで開閉可能なパネルを作成するには？
コンテンツ本体の表示／非表示を切り替える「開閉可能パネル」を束ねた「アコーディオンパネル」を、Collapsiblesetウィジェットで作成する方法を解説します。
-
16
Collapsibleウィジェットで開閉可能なパネルを作成するには？
タイトル領域をクリックすることでコンテンツ本体の表示／非表示を切り替えられる「開閉可能パネル」を、Collapsibleウィジェットで簡単に作成する方法を解説します。
-
15
Tableウィジェットでレスポンシブルなテーブルを作成するには？（Reflow編）
画面サイズに応じて表示幅を調整してくれるレスポンシブル・テーブル（テーブル／連票と表示形式そのものを切り替えるReflowモード）を、jQuery MobileのTableウィジェットで作成する方法を解説します。
-
14
Tableウィジェットでレスポンシブルなテーブルを作成するには？（Column toggle編）
画面サイズに応じて表示幅を調整してくれるレスポンシブル・テーブル（列を選択的に表示するColumn toggleモード）を、jQuery MobileのTableウィジェットで作成する方法を解説します。
-
13
Popupウィジェットで画像ボックスやダイアログなどを作成するには？
ダイアログ／画像ボックス／ポップアップメニューのような複雑なポップアップを、jQuery MobileのPopupウィジェットで作成する方法を解説します。
-
12
ツールヒント／ダイアログ／ポップアップメニューなどのポップアップを、jQuery MobileのPopupウィジェットで手軽に作成する方法を解説します。
-
11
左右からスライド表示するパネルを、jQuery MobileのPanelウィジェットで手軽に作成する方法を解説します。
-
10
パネルの端に配置されたタブをクリックするとパネル内容が切り替わるUIを、jQuery MobileのTabsウィジェットで手軽に作成する方法を解説します。
-
9
Navbarウィジェットでナビゲーションバーを作成するには？
アプリ共通のリンクやコマンドボタンなどを配置するために使われるナビゲーションバーを、jQuery MobileのNavbarウィジェットで手軽に作成する方法を解説します。
-
8
jQuery Mobileページでアイコン付きのボタンを配置するには？
jQuery Mobileページでボタンを設置する方法について説明します。今回は、アイコン付きのボタンをレイアウトする方法を解説します。
-
7
jQuery Mobileページでボタンを設置するには、<button>／<a>／<input>要素などを利用するのが一般的です。これらを使ってさまざまなレイアウトを実現する方法を説明します。
-
6
jQuery Mobileページでローディング表示をカスタマイズするには？
jQuery Mobileで、ページ読み込みに際してローディングアイコンを表示する方法と、ローディング表示を制御する基本的なテクニックを解説します。
-
5
jQuery Mobileページでハイパーリンクを設置するには？
jQuery Mobileにおけるリンクの挙動を解説します。また、ページ遷移時のエフェクトやプリフェッチ機能についても説明します。
-
4
jQuery Mobileページでヘッダー／フッターの表示をカスタマイズするには？
ヘッダー／フッターを作成する方法を解説します。また、ヘッダー／フッターの位置を固定したり、タップで非表示にしたりする方法なども紹介します。
-
3
jQuery Mobileのテーマを設定（＆ThemeRollerによる自作テーマ作成）するには？
サイトデザインを管理できる「テーマ」と「スウォッチ」の基本的な利用法を解説します。
-
2
基本的なページを作成する方法を解説します。要素のid値を振る際の注意点と、1つのファイルで複数ページを管理する方法についても説明します。
-
1
jQuery Mobileが動作するスマホ／タブレット環境と、jQuery Mobileページの基本構造を説明します。