如何使用jQuery mobile显示弹出对话框？

Question

我查看了API reference of popup，

还有一些例子，“工具提示”，“菜单”，......，“对话框”，“照片”。

如何创建弹出对话框作为示例？没有关于它的参考和解释。

提前感谢！

Answer 1

简单的弹出结构：

按钮打开弹出窗口

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

结构：

<div data-role="popup" id="popupBasic">
  <p>This is a completely basic popup, no options set.<p>
</div>

对话框弹出

<div data-role="popup" id="popupBasic">

  <div data-role="header">
    <h1>Popup!</h1>
  </div>

  <div data-role="content">
    <p>Advanced popup</p>
    <a href="#" data-role="button" data-rel="back">I understand - close popup</a>
  </div>

</div>

您可以将任何元素放在内容div中。并且记住，页面div应该是popup div的直接父级。