javascript - 我怎样才能禁用关闭 jquery 移动弹出窗口

Question

我喜欢使用 jquery mobile 构建网络应用程序。当我在这里使用“jquery 移动登录弹出窗口”时: 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 属性。

Sets whether clicking outside the popup or pressing Escape while the popup is open will close the popup. This option is also exposed as a data attribute: data-dismissible="false"

代码:

<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/