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>

sample

data-display=”overlay”

「overlay」を指定すると、コンテンツ部分は移動せずパネルがコンテンツの上に重なる形で表示されます

<div data-role="panel" id="mypanel data-display="overlay">
	パネル部分
</div>

sample

data-display=”push”

「push」を指定するとパネルがコンテンツを押し出す形で表示されます。

<div data-role="panel" id="mypanel data-display="reveal">
	パネル部分
</div>

sample

jQuery Mobile 1.3.0での追加/変更

data-displayはjQuery Mobile 1.3.0で追加された属性です。

登録日 : 2013年02月05日 最終更新日 : 2016年12月19日

同じカテゴリー(パネル)のエントリー

検索

スポンサードリンク

バージョン

リファレンス