jQuery UI對話框輸入字段在手機中不工作

我是J查詢UI和Javascript的新手。在我的HTML頁面中有一個EDIT USER按鈕。如果我點擊編輯用戶按鈕，jQuery UI dialog-form將打開。對話框由輸入字段（文本字段，選擇字段）組成。對話框形式的輸入字段值將被動態添加。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"); 
     } 

});

任何人都可以幫助我。

來源

2013-10-25 Prabakaran G

嘗試包括jquery-ui移動支持：http://touchpunch.furf.com/ – orhanhenrik

這裏工作正常的移動（iPhone 5）http://jsfiddle.net/IrvinDominin/Bbspy/ –

@lzzey：我忘了添加它。我已經包含touchpunch。 –

經過對移動設備和互聯網上的一些嚴重測試後，我發現Bootstrap modals和jQuery UI對話框在舊版Android手機上無法正常工作（完美）。

來源

2013-11-07 11:56:06

jQuery UI對話框輸入字段在手機中不工作

回答

相關問題