javascript - 是否可以向 jquerymobile 对话框添加表单？

Question

我的应用程序中有一个表单，用户可以在其中编辑他们的设置。对于某些偏好，我想打开一个包含下拉菜单的对话框，允许用户选择一个选项并通过 ajax 保存它。jquery mobile可以吗？

Answer 1

是的，它甚至显示在他们的示例中。我建议您查看 1.2.0 的Popup功能，它们可能更适合这种类型的快速更改。

示例：http: //jsfiddle.net/Twisty/BrsR2/

<div data-role="page">
    <div data-role="header">
        <h1>Test PopUp</h1>
    </div>
    <div data-role="content">
        <a href="#popupBasic" data-rel="popup">Open Popup</a>
        <div data-role="popup" id="popupBasic">
            <form>
                <div style="padding:10px 20px; width: 440px">
                    <h3>Please sign in</h3>
                    <div data-role="fieldcontain">
                        <label for="un">Username:</label>
                        <input placeholder="username" id="un" value="" name="user">
                        <label for="pw">Password:</label>
    <input id="pw" type="password" placeholder="password" value="" name="pass">
                    </div>
                    <div data-shadow="true" data-iconshadow="true" data-icon="" data-iconpos="" data-theme="b" aria-disabled="false">
                    </div>
                </div>
            </form>
        </div>
        <div data-role="fieldcontain">
             <label for="input"> Fieldname </label>
             <input type="text" id="input" value="" />
        </div>
    </div>
</div>