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 の通常の動作ですか? 誰でもこの問題を解決する解決策を持っていますか?