data-rel=”popup”

このエントリーをはてなブックマークに追加

data-rel=”popup”はページ内でツールチップなどのポップアップウィンドウを表示する属性です。

a要素に対して使用し、a要素のhref属性にポップアップで開く要素のid属性を指定します。

<a href="#popupBasic" data-rel="popup">Open Popup</a>

ポップアップで開く要素にはdata-role=”popup”をあわせて指定します。

<div data-role="popup" id="popupBasic">
	<p>This is a completely basic popup, no options set.<p>
</div>
jQuery Mobile 1.2.0での追加/変更

この属性はjQuery Mobile 1.2.0で追加されました。

参考URL

jQuery Mobile Docs - Popup

登録日 : 2012年10月03日 最終更新日 : 2016年12月19日

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

検索

スポンサードリンク

バージョン

リファレンス