javascript - jquerymobileダイアログにフォームを追加することは可能ですか？

Question

アプリに、ユーザーが設定を編集できるフォームがあります。一部の設定については、ドロップダウンメニューを含むダイアログを開いて、ユーザーがオプションを選択し、ajaxを介して保存できるようにしたいと思います。jquery mobileで可能ですか？

Answer 1

はい、それは彼らの例にも示されています。1.2.0のポップアップ機能を確認することをお勧めします。これらは、このタイプの迅速な変更に適している可能性があります。

例： 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>