使用 jQuery Mobile (ASP.NET MVC) 未出现 Android 软键盘

Question

我正在使用 jQuery Mobile 创建一个移动 ASP.NET MVC 站点

我在跟踪单击表单上的输入元素后未显示软键盘的情况时遇到了问题。此问题是间歇性的，但经常发生。

呈现的 html 看起来像这样（这是从 Chrome 捕获的 - 不是 Android 浏览器）

 <div data-role="content" data-theme="a">

<form action="/Enrollment/Mobile/Enroll/MyForm" method="post">            
   <div data-role="fieldcontain">

                All fields are required.

            </div>

            <div data-role="fieldcontain">

                <label for="FirstName">First Name</label>

                <input class="text-box single-line" data-val="true" data-val-required="The First Name field is required." id="FirstName" name="FirstName" type="text" value="" />

                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="false"> </span>

            </div>

            <div data-role="fieldcontain">

                <label for="LastName">Last Name</label>

                <input class="text-box single-line" data-val="true" data-val-required="The Last Name field is required." id="LastName" name="LastName" type="text" value="" />

                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="false"> </span>

            </div>
<div>

这适用于标准网络浏览器、Android 2.3.3 模拟器和 iOS 设备。它在 Android 2.3.3 设备上间歇性失败（到目前为止只有 Android 设备实际测试过）。

有什么可能导致这种情况的线索吗？

Answer 1

这是由页面外部的错误 div 引起的。我继承的代码将外部 jQuery Mobile 元素嵌套在 div 中。不要这样做。此代码在大多数情况下都有效，但不适用于 Android 手机设备。