Question

我喜欢使用jquery mobile来构建Web应用程序。当我在这里使用'jquery mobile signin popup'时： http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/popup/

我喜欢将signin 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

添加

data-dismissible="false"

到弹出窗口

Answer 2

您可以使用dismissible属性。

设置是在弹出窗口外单击还是在弹出窗口时按Escape键弹出窗口打开将关闭弹出窗口。此选项也显示为 data属性：data-dismissible =＆＃34; false＆＃34;

代码：

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

如何禁用关闭jquery移动弹出窗口

2 个答案: