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>

sample

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

jQuery Mobile 1.2.0での追加/変更

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

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

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

検索

スポンサードリンク

バージョン

リファレンス