jQuery Mobile popup data-dismissible =「false」problems

Question

這是我第一次使用jQuery Mobile彈出窗口。我找到了文檔here和here。我怎樣，我希望創建以下文件：

現在根據文檔的，下面的代碼應該工作：

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

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

但鑑於上面的代碼，我仍然不斷收到股票標準彈出：

任何想法，我做錯了什麼？

Answer 1

data-dismissible表示您是否希望彈出窗口在其外部被點擊後關閉。默認值爲true，如果將其設置爲false，則必須添加一個帶有data-rel="back"的按鈕才能關閉它，jQM不會動態/自動添加關閉按鈕。

將您的標記更改爲以下內容。

<div data-role="popup" id="popupBasic" data-dismissible="false" data-theme="c" data-overlay-theme="a"> 
    <p>Click button to close this.</p> 
    <a href="#" data-rel="back" data-role="button">Close</a> 
</div> 

注意data-theme和data-overlay-theme是不同的，後者改變了彈出窗口的疊加的顏色。

或者，您可以通過編程方式關閉它。

$("#popupBasic").popup("close"); 

Demo