jQuery Mobile popup data-dismissible ="false"问题

Question

这是我第一次使用jquery Mobile弹出窗口.我在这里和这里找到了文档.我是如何创建以下内容的:

现在根据文档,以下代码应该工作:

<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");

演示