Jquery mobile 当作为iPad的独立应用程序使用时，Jquery手机弹出窗口中的表单消失

我在弹出窗口中有一个简单的表单（用户注册）。它在mobile safari中运行良好，但当你在主屏幕上放置快捷方式（带有支持web应用的元标记）时，选择输入字段时弹出窗口消失。有办法解决这个问题吗？也许是元标签

一些示例代码：

<div data-role="page">
<div data-role="header" data-add-back-btn="true">
    <h1>Page</h1>
    <a href="#nav-panel" data-icon="bars" class="ui-btn-left">Menu</a>
    <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
        <a href="#popupCreateUser" data-rel="popup"  data-icon="plus" class="ui-btn ui-btn-icon-left ui-icon-plus" data-position-to="window">Create user</a> <!-- this opens the popup -->
    </div>
    </div>

<div data-role="content">
<ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true" id="userListView">

</ul>
</div>

<div data-role="popup" id="popupCreateUser" data-overlay-theme="a" class="ui-corner-all" style="width:400px;">
    <div data-role="header" data-theme="a">
    <h1>Gebruiker toevoegen</h1>
    </div>
    <form method="post" id="createUser" action="users-actions.php">
        <div style="padding:10px 20px;">
            <input type="hidden" name="action" value="add" />
            <label for="user" class="ui-hidden-accessible">Gebruikersnaam:</label>
            <input type="text" name="user" id="user" value="" placeholder="gebruikersnaam" data-theme="a" minlength="2">
            <button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Aanmaken</button>
        </div>
    </form>
</div>
</div>

页


格布鲁伊克·托沃根
格布鲁伊克斯纳姆：
安马肯

如何调用弹出窗口？是的，弹出窗口和打开弹出窗口的链接都放在页面分区内，我将用一些示例代码更新我的问题。