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

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

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

サンプルコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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>
<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>
<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>

 

jQuery Mobile

Posted by arkgame