Question

每当打开弹出窗口时，jquery移动弹出窗口都会在我的文本框中加载相同的旧值。如何使用已清除的数据加载新弹出窗口。以下是我的弹出式HTML。

<a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-inline="true">Form</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">Sign in</button>
                </div>
            </form>
        </div>

Answer 1

您需要在popupbeforeposition或popupafteropen事件中重置弹出中的输入。

$(document).on("pagecreate", "#pageID", function () {
    $("#popupLogin").on("popupbeforeposition", function () {
        $("input", this).val("");
    });
});

<强> Demo

jQuery Mobile Popup加载相同的旧值

1 个答案: