data-display
data-displayはパネルウィジェットの表示方法を制御する属性です。
data-role=”panel”を指定した要素に指定できるdata-displayは「reveal」と「overlay」、「push」の3つの値を取ることができます。
data-display=”reveal”
デフォルトの値は「reveal」です。パネル部分の上に重なったコンテンツが移動するようにパネルが表示されます。
<div data-role="panel" id="mypanel data-display="reveal">
パネル部分
</div>data-display=”overlay”
「overlay」を指定すると、コンテンツ部分は移動せずパネルがコンテンツの上に重なる形で表示されます
<div data-role="panel" id="mypanel data-display="overlay">
パネル部分
</div>data-display=”push”
「push」を指定するとパネルがコンテンツを押し出す形で表示されます。
<div data-role="panel" id="mypanel data-display="reveal">
パネル部分
</div>data-displayはjQuery Mobile 1.3.0で追加された属性です。
登録日 : 2013年02月05日 最終更新日 : 2016年12月19日