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

属性を使用できdismissibleます。

ポップアップの外側をクリックするか、ポップアップが開いているときに Esc キーを押すと、ポップアップが閉じるかどうかを設定します。このオプションは、データ属性としても公開されます: 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 に答える
2

追加するだけ

data-dismissible="false"

ポップアップへ

于 2013-08-26T14:59:26.357 に答える