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