0

我是 J-query UI 和 Javascript 的新手。在我的 HTML 页面中有一个 EDIT USER 按钮。如果我单击 EDIT USER 按钮，jQuery UI对话框表单将打开。对话框表单由输入字段（文本字段，选择字段）组成。对话框表单中输入字段的值将被动态附加。

它在浏览器（桌面）中完美运行，但在移动设备中，输入字段对话框表单无法聚焦。如果我点击文本字段，对话框表单向上和向下移动。如果我选​​项卡选择字段移动显示空白屏幕。

我已添加的脚本： 

 <script src="../js/jquery-2.0.0.min.js" type="text/javascript"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript">
 </script>
 <script src="../js/jquery.ui.touch-punch.min.js"></script>

对话框形式看起来像：

    <div id="dialog-form" title="Edit User" >  
          <form>
                <fieldset>

                  <label>Name</label>
                  <input type="text" id="UserName" disabled="disabled" class="text ui-widget-content ui-corner-all input-large" />
                  <input type="text" id="UserId" style="display:none;"/>

                  <label>Staff Name</label>
                  <input type="text" id="StaffName" class="text ui-widget-content ui-corner-all input-large" />

                  <label>Password</label>
                  <input type="text" id="PassWord" class="text ui-widget-content ui-corner-all input-large" />

                  <label>Imei No</label>
                  <input type="text" id="ImeiNo" class="text ui-widget-content ui-corner-all input-large"/>

                  <label>User Role</label>
                  <select id="userroles" ><option value="Select UserRoles">Select UserRoles</option>
                  </select><br/>

            </fieldset>
        </form>
</div>

对话框形式初始化：

$( "#dialog-form" ).dialog({
    autoOpen: false,
    height: 300,
    width: 550,
    modal: true,
    buttons: {
        "Submit": function() {
            submit();
        },
        Cancel: function() {                         
          $( this ).dialog( "close" );
        }
      },
      close: function() {                       
           $( this ).dialog( "close" );
      }

});

谁能帮我。？

4

1 回答 1

0

在对移动设备和网上冲浪进行了一些认真的测试后，我发现 Bootstrap modals 和 jQuery UI 对话框表单在旧版本的 Android 移动设备上无法正常（完美地）工作。

于 2013-11-07T11:56:06.477 回答