在jquery mobile中蹂喻,可以設置彈窗葱椭,彈窗可以覆蓋在頁面上展示的。彈窗可以顯示一段文本口四,圖片孵运,或其他內(nèi)容。
運行結(jié)果:
點擊彈出窗口按鈕蔓彩,會彈出如下圖所示的窗口
2.關閉彈窗
默然情況下治笨,點擊頁面彈窗以外的其他位置或按下esc鍵,可以關閉彈窗赤嚼。如果你不想采用這種默認的方法來關閉彈窗旷赖,可以在彈窗上添加關閉按鈕,按鈕上使用data-rel="back"屬性更卒,并通過樣式來控制按鈕的位置等孵。
運行結(jié)果:
點擊彈出窗口按鈕,彈窗的右側(cè)出現(xiàn)一個刪除按鈕“x”
3.改變彈出位置
默認情況下蹂空,彈出會直接顯示在點擊元素的上方俯萌,如果我們想控制彈出的位置果录,可以在用于打開彈窗的點擊鏈接上使用data-position-to屬性。
如果設置彈窗顯示在頁面中間咐熙,只需要設置data-position-to="window"雕憔,也可以設置窗口顯示在指定元素的位置上,設置data-position-to的值為該元素的id或class即可糖声。
運行結(jié)果:
點擊在window顯示窗口按鈕
點擊在id=“test”元素上顯示按鈕