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>
data-dismissible属性はパネルウィジェットでも利用できます。(パネルウィジェットのdata-dismissible属性)
jQuery Mobile 1.3.0での追加/変更data-dismissible属性はjQuery Mobile 1.3.0で追加された属性です
参考URL
登録日 : 2013年04月02日 最終更新日 : 2016年12月19日