「jQuery Mobile」data-rel=”popup”でポップアップウィンドウを表示するサンプル

2020年8月18日

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

説明
ページ内でツールチップなどのポップアップウィンドウを表示する属性です。

サンプルコード

<div data-role="main" class="ui-content">
  <a href="#cftPopUp" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">show dialog</a>
  
  <div data-role="popup" id="cftPopUp">
    <p>this is a dialog</p>
  </div>
</div>