1

phonegap + jQuery mobile を使用して iOS プロジェクトを作成しています。以下のような送信ボタンのあるシンプルなフォームがあります。

            <div data-role="content">

                <form id="loginForm">
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label for="username">Username:</label>
                        <input type="text" name="username" id="username" value="" placeholder="Username" />
                    </div>

                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label for="password">Password:</label>
                        <input type="password" name="password" id="password" value="" placeholder="Password" />
                    </div>

                    <input type="submit" value="Login" id="submitButton">
                </form>
                <br>
                <div id="register"><a href="#registerPage" data-transition="slide">Register?</a></div>                   
            </div>            
    </div></body>

これがJSファイルです。

function init() {
 document.addEventListener("deviceready", deviceReady, true);
 delete init;
}

function deviceReady() {
 $("#loginForm").on("submit",handleLogin);
 $("#registerform").on("submit",handleRegister);
}

キーボードの「移動」機能または入力はかなりうまく機能していますが、キーボードが表示されているときに送信ボタンをクリックすると、ページが「白いブロック」で動かなくなります。

通常の表示に戻すには、ページを上下にスワイプする必要があります。何も起こらなかったようで、キーボードを閉じるだけでした。これは jQuery の通常の動作ですか? 誰でもこの問題を解決する解決策を持っていますか?

4

0 に答える 0