data-role
data-role属性はHTMLに様々な機能を追加する属性の一覧です。
- tabs
data-role="tabs"はタブパネルを作成するための属性です。 - rangeslider
data-role="rangeslider"は2つの値の間隔を指定できるスライダーが作成できる属性です。 - table
data-role="table"はレスポンシブテーブルを作成するための属性です。 - panel
data-role="panel"はパネルウィジェットを作成する属性です。 - dialog
data-role="dialog"はダイアログを設定する属性です。 - list-divider
data-role="list-divider"はリストに見出しをつけることができる属性です。 - listview
data-role="listview"はul要素/ol要素をリスト形式に変換するメソッドです。 - slider
data-role="slider"はフリップスイッチを作成できる属性です。 - none
data-role="none"を適応することでjQuery Mobileのフォームの初期化を中止することができます。 - fieldcontain
data-role="fieldcontain"を指定した要素でフォーム部品を包むことができます。 - collapsible-set
data-role="collapsible-set"はアコーディオンウィジェットを作成するための属性です。 - collapsible
data-role="collapsible"はコラプシブルパネルを作成できる属性です。 - controlgroup
data-role="controlgroup"を指定した要素は内側のボタンやチェックボックス、ラジオボタンなどをグルーピングして表示することが可能です。 - button
a要素にdata-role="button"を指定するとリンクをボタンとして利用できます。 - popup
data-role="popup"はポップアップウィンドウを定義する属性です。 - navbar
data-role="navbar"はナビゲーションを定義する属性です。 - footer
div要素などにdata-role属性「footer」を指定するとフッターを定義することができます。 - content
div要素などにdata-role属性「content」を指定するとコンテンツ部分を定義することができます。 - header
data-role="page"の直下にdiv要素などにdata-role属性「header」を指定するとヘッダーを定義することができます。 - page
data-role属性にpageを指定することでjQuery Mobileのページを作成することができます。