2016-07-27 8 views
1

Jquery Mobileアプリケーションでは、iPhone 5デバイスでのみ発生する問題があります。他のiPhoneバージョン(少なくとも5以上)と他のすべてのプラットフォームは問題ありません。 ページ内にはダイアログがあります。ダイアログにはいくつかの選択肢があります。 OKボタンまたはキャンセルボタン(tsBtnOK、tsBtnCancel)がクリックされると、選択幅ID 'transJobType'がフォーカスされ、ユーザーの選択を待って実行が停止します。 tbBtnOKのコードは決して実行されません。同じことがtsBtnOK上で実行されるコードなしで起こります。iPhone 5でフォーカスを選択してさらに実行をブロックします

私が試していない:

  • データメニューネイティブ真/偽違いはありません
  • データ-防ぐフォーカス・ズーム、真/偽に違いtsBtnOKへ
  • コード化されたフォーカス、ノー差異

これはiPhone 5プラットフォームでのみ発生しますが、私がテストしたすべての(3+)iPhone 5デバイスで一貫しています。

「transWorkTypeDiv」と「transDescriptionDiv」の2つのパネルが非表示になっていると、selectがまだ表示されているにもかかわらずtsBtnOKのコードが実行され、終了するとダイアログが閉じられるようです。任意のヒントやアイデアが大幅に

<div data-role="popup" id="tsTransDialog" data-overlay-theme="a" data-transition="flip" data-position-to="window" data-theme="<%=global_asax.JQMTheme%>" class="ui-corner-all"> 
      <div data-role="header" data-theme="a" class="ui-corner-top"> 
       <h1><%=GetLocalResourceObject("TimesheetTransDiaHeader") %></h1> 
      </div> 
      <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> 
       <div id="tsTransDialogFields"> 
        <div id="divWorkSelect" class="jobOnly ui-field-contain"> 
         <label for="transJobType"><%=GetLocalResourceObject("TimesheetJobType") %></label> 
         <select name="transJobType" data-mini="true" data-native-menu="true" data-prevent-focus-zoom="true" onchange="tsOpenJobPicker();" id="transJobType"> 
         </select> 
        </div> 
        <div class="jobOnly" data-role="fieldcontain"> 
         <label for="transJobNo"><%=GetLocalResourceObject("TimesheetJobNo") %></label> 
         <div> 
          <input type="text" data-inline="true" id="transJobNo" placeholder="<%=GetLocalResourceObject("TimesheetExampleJobNo") %>" /> 
          <div style="position: absolute; top: 25px; right: -4px"> 
           <a href="javascript:tsOpenJobPicker();" data-role="button" data-inline="true" data-mini="true" data-iconpos="notext" data-icon="search"></a> 
          </div> 
         </div> 
        </div> 
        <div id="transStartTimeDiv" data-role="fieldcontain"> 
         <label for="transStartTime"><%=GetLocalResourceObject("TimesheetStartTime") %></label> 
         <input type="text" data-inline="true" id="transStartTime" placeholder="<%=GetLocalResourceObject("TimesheetExampleTime") %>13:05" /> 
        </div> 
        <div id="transStopTimeDiv" data-role="fieldcontain"> 
         <label for="transStopTime"><%=GetLocalResourceObject("TimesheetStopTime") %></label> 
         <input type="text" data-inline="true" id="transStopTime" placeholder="<%=GetLocalResourceObject("TimesheetExampleTime") %>14:55" /> 
        </div> 
        <div id="transHoursDiv" data-role="fieldcontain"> 
         <label for="transHours"><%=GetLocalResourceObject("TimesheetHours") %></label> 
         <input type="text" data-inline="true" id="transHours" placeholder="<%=GetLocalResourceObject("TimesheetExampleTime") %> 2,5" /> 
        </div> 
        <div id="transWorkTypeDiv" data-role="fieldcontain"> 
         <label for="selectTransWorkType"><%=GetLocalResourceObject("TimesheetWorkType") %></label> 
         <select name="selectTransWorkType" data-mini="true" data-native-menu="true" data-prevent-focus-zoom="true" id="selectTransWorkType"></select> 
        </div> 
        <div id="transDescriptionDiv"> 
         <div id="transDescriptionDiv1" data-role="fieldcontain"> 
          <label for="transDescription1"><%=GetLocalResourceObject("TimesheetTransDescription1") %></label> 
          <input type="text" data-inline="true" data-mini="true" id="transDescription1" name="transDescription1" /> 
         </div> 
         <div id="transDescriptionDiv2" data-role="fieldcontain"> 
          <label for="transDescription2"><%=GetLocalResourceObject("TimesheetTransDescription2") %></label> 
          <input type="text" data-inline="true" data-mini="true" id="transDescription2" name="transDescription2" /> 
         </div> 
        </div> 
       </div> 
       <a id="tsBtnOK" href="javascript:tsTransInsert();" data-role="button" data-mini="true" data-inline="true" data-theme="<%=global_asax.JQMTheme%>"><%=GetLocalResourceObject("TimesheetTransUpdate") %></a> 
       <a id="tsBtnCancel" href="#" data-role="button" data-rel="back" data-mini="true" data-inline="true" data-theme="<%=global_asax.JQMTheme%>"><%=GetLocalResourceObject("Cancel") %></a> 
      </div> 
     </div> 

答えて

0

をいただければ幸いです <% = GetLocalResourceObject ...>タグ

理由thatsのようなマークアップは、ASPXページの一部であることを

注意最後に解決策を見つけましたが、それは決して論理ではありませんが、他の人が同じ状況で自分自身を見つけて、このことに気付かなければならない場合は、私自身の質問に答えます。 ダイアログのtsTransDialogをページ外に共有ダイアログとして移動し、起動時に起動します。 問題が消えました。

関連する問題