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のページを作成することができます。

検索

スポンサードリンク

バージョン

リファレンス