弹窗

弹窗是一个非常流行的对话框，弹窗可以覆盖在页面上展示。弹窗可用于显示一段文本，图片，地图或其他内容。创建一个弹窗，需要使用 < a > 和 < div > 元素。在 < a > 元素上添加 data-rel="popup" 属性， < div > 元素添加 data-role="popup" 属性。 接着我们为 < div > 指定 id， 然后设置 < a > 的 href 值为 < div > 指定的 id。 < div > 中的内容为弹窗显示的内容，可以用 data-rel="back"属性与样式来实现弹窗的关闭。

<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">显示弹窗</a>
<div data-role="popup" id="myPopup" class="ui-content">
    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
    <p>右上角关闭按钮</p>
    <p><b>提示:</b> 你也可以通过点击弹窗外的区域来关闭弹窗。</p>
</div>