0

J クエリ 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

モバイルでのいくつかの深刻なテストとインターネットでのサーフィンの後、古いバージョンの Android モバイルでは Bootstrap モーダルと jQuery UI ダイアログフォームが正しく (完全に) 機能しないことがわかりました。

于 2013-11-07T11:56:06.477 に答える