data-position-to
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>
この場合は#o1を基準にポップアップを開きます。
jQuery Mobile 1.2.0での追加/変更data-position-to属性はjQuery Mobile1.2.0で追加された属性です。
登録日 : 2012年11月22日 最終更新日 : 2016年12月19日