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手机设备。

Android软键盘没有出现使用jQuery Mobile（ASP.NET MVC）

1 个答案: