2016-07-27 1 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'의 두 패널이 숨겨져 있으면 선택 항목이 곧 표시되지만 tsBtnOK의 코드가 실행되고 완료되면 대화 상자가 닫히는 것처럼 보입니다. 마크 업, ASPX 페이지의 일부임을

참고 너무 크게

<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 ...> 태그에 대한 이유를 먹으 렴 마지막으로 해결책을 찾았습니다. 결코 논리는 아니지만, 다른 사람들이 동일한 상황에서 스스로를 발견하고 이에 걸려 넘어 질 경우를 대비하여 제 질문에 대답 할 것입니다. 대화 상자 tsTransDialog를 페이지 외부에서 공유 대화 상자로 이동하고 시작할 때 시작합니다. 문제가 사라졌습니다.

관련 문제