PhoneGap에서 터치 이벤트의 일관성없는 동작

Question

knockout, bootstrap 및 jQuery를 사용하여 Phonegap 앱에서 작동하는 슬라이드 플러그인을 몇 주 동안 검색했습니다. 불행히도, 나의 필요에 맞는 것은 없습니다. 그래서 커스텀 슬라이더를 만들었습니다. 그것은 작동하고있는 것 같습니다 (현재 Android 2.3.4에서 테스트 중입니다 - 지원할 가장 낮은 버전부터 시작하겠습니다). 그러나 항상 응답하지는 않습니다. 터치 시작 이벤트가 다소 민감한 것 같습니다. 누구나 touchstart 이벤트에보다 일관되고 반응적인 사용자 경험을 제공 할 수있는 방법에 대한 아이디어가 있습니까? 나는 이것을 며칠 동안 연구했는데, 다른 사람들도 비슷한 이슈를 가지고있는 것 같지만, 정확히 내 것과 같습니다. 그리고 이슈들 중 어느 것도 확실한 답을 갖고있는 것 같지 않습니다. Phonegap에 터치 이벤트 관련 문제가 있습니까? 나는 함수를 호출 사업부의 이벤트 바인더를 사용하고

performSlide: function() { 
     $('#sliderDiv').on({ 'touchstart' : function() { 
     $('div.slideArrow').animate({ 
     left: "+=200" 
      }, 1000, function() { 
       shell.navigate('home', 'slide'); 
      }); 
      } 
    }); 
    } 

:

여기 내 녹아웃 기능입니다.

<div class="linkHeader" id="sliderDiv" data-bind="event: { touchstart: performSlide }"> 

내 div의 Z- 색인이 다른 요소보다 높게 설정되어 있는지 확인했습니다. position 속성도 relative로 설정됩니다.

제공되는 조언이 있으면 알려 주시면 감사하겠습니다. 이 일이 조금 더 잘된다면 나는 좋아할 것이다 ... 좋아, 훨씬 나아진다. :-)

Answer 1

답변을받지 못했지만 변경해야 할 사항을 파악했습니다. 먼저 이벤트를 감지하여 변수로 캡처해야했습니다. 그런 다음 데이터 바인딩 및 .on 함수를 터치 스타트 대신 터치 이동을 감지하도록 변경했습니다. 지금은 훨씬 나아지고 있습니다.