jquery mobile Popup (弹窗)
弹出层是一个覆盖于页面其它内容的小的区域。可以用来设计提示栏,显示照片,地图或者其它内容。
-
弹窗 data-role=popup 创建一个弹出式窗口,给要弹出的内容div容器添加data-role="popup"属性。并且添加id属性值。然后创建一个超级链接,href的值即是此ID的值。并且给超级链接添加data-rel="popup"。当添加此超级链接的时候,jquerymobile框架会打开弹出内容层。这是一个类似的对话框控件的标记模式。一个弹出div层必须与嵌套超级链接在同一页面上的。<ahref="#popupBasic"data-rel="popup">OpenPopup</a><divdata-role="popup"id="popupBasic"><p>Thisisacompletelybasicpopup,nooptionsset.<p></div>弹窗由两部分组成:第一个是“屏幕”,这是一个透明或半透明的元素覆盖整个文档。第二个是“容器”,这是弹出层本身。如果你原来的元素有一个id属性,屏幕和容器将每个接收基于它的ID属性。屏幕上的ID将后缀“-screen”,与容器的ID将后缀“-popup”(在上面的例子分别是,id="popupBasic-screen"andid="popupBasic-popu