我如何禁用关闭jquery移动弹出

Question

我喜欢用jquery移动来构建一个web应用程序。 当我使用在这里“jQuery Mobile的登入弹出”： http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/popup/

，我喜欢定制登入弹出的预装和用户无法将其关闭。就像HTML中的静态表单一样。因为没有弹出或消失的弹出窗口，用户不能登录和不能使用服务。我怎样才能做到这一点？？

谢谢你的时间在这里注册弹出的来源。

<a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check" data-theme="a" data-transition="pop">Sign in</a> 
<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all"> 
    <form> 
     <div style="padding:10px 20px;"> 
      <h3>Please sign in</h3> 
      <label for="un" class="ui-hidden-accessible">Username:</label> 
      <input type="text" name="user" id="un" value="" placeholder="username" data-theme="a"> 
      <label for="pw" class="ui-hidden-accessible">Password:</label> 
      <input type="password" name="pass" id="pw" value="" placeholder="password" data-theme="a"> 
      <button type="submit" data-theme="b" data-icon="check">Sign in</button> 
     </div> 
    </form> 
</div> 

Answer 1

可以使用dismissible属性。

设置在弹出框外单击或在弹出框打开 时按下Escape键将关闭弹出框。这个选项也公开为 数据属性：数据可取消= “假”

代码：

<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all" data-dismissible="false"> 

文档：http://jquerymobile.com/demos/1.3.0-beta.1/docs/pages/popup/options.html#

演示：http://jsfiddle.net/IrvinDominin/7yqkd/

Answer 2

只需添加

data-dismissible="false" 

在弹出