2

我喜欢使用 jquery mobile 来构建 Web 应用程序。当我在这里使用“jquery mobile signin popup”时：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>
4

2 回答 2

2

只需添加

data-dismissible="false"

到弹出窗口

于 2013-08-26T14:59:26.357 回答
2

您可以使用该dismissible属性。

设置在弹出窗口打开时单击弹出窗口外部或按 Escape 是否会关闭弹出窗口。此选项也作为数据属性公开：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/

于 2013-08-26T15:04:09.677 回答