jQuery Mobile リファレンス

Tweet

data-position-to属性はpopupが開く基準となる要素が設定できます。

ポップアップはdata-role=”popup”で作成し、data-rel=”popup”を指定した要素がクリックされたタイミングで、その要素を基準に中央に開きます。

<a href="#popupBasic" data-rel="popup">Open Popup</a>
<div data-role="popup" id="popupBasic">
	<p>This is a completely basic popup, no options set.<p>
</div>

data-position-toでは値にjQueryセレクタで開く際に基準となる要素が設定できます。

<a href="#popupBasic" data-rel="popup"  data-position-to="#o1">Open Popup</a>
<div id="o1">基準</div>
<div data-role="popup" id="popupBasic">
	<p>This is a completely basic popup, no options set.<p>
</div>

sample

この場合は#o1を基準にポップアップを開きます。

data-position-to属性はjQuery Mobile1.2.0で追加された属性です。

登録日 : 2012年11月22日 最終更新日 : 2016年12月19日

同じカテゴリー(リンク)のエントリー

• data-rel=”close”
• data-position-to
• data-rel=”popup”
• data-prefetch
• data-rel=”dialog”
• data-direction=”reverse”
• data-rel=”back”
• data-ajax=”false”
• rel=”external”