data-dismissible

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

data-dismissible属性はポップアップをポップアップ外のタッチで非表示にしないことでできる属性です。

data-role=”popup”が指定された要素にdata-dismissible=”false”をあわせて指定することで画面をタッチしただけではポップアップが閉じなくなります。このままではポップアップを閉じることができませんのでポップアップ内にdata-rel=”back”を指定したボタンなどを配置しておきましょう。

<a href="#popupBasic" data-rel="popup">Open Popup</a>
  
<div data-role="popup" id="popupBasic" data-dismissible="false">
	<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
	<p>This is a completely basic popup, no options set.<p>
</div>

sample

data-dismissible属性はパネルウィジェットでも利用できます。(パネルウィジェットのdata-dismissible属性

jQuery Mobile 1.3.0での追加/変更

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

参考URL

Popup - jQuery Mobile Demos

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

同じカテゴリー(ポップアップ)のエントリー

検索

スポンサードリンク

バージョン

リファレンス