jqtouch에서 페이지 전환을 취소하는 방법

Question

마법사 스타일이 설정된 입력 페이지, 입력 페이지의 두 번째 페이지 및 결과 페이지가있는 jqTouch에서 간단한 앱을 작성합니다.

양식에 대한 유효성 검사를 일부 작성하고 양식을 올바르게 채우지 않을 경우 다음 페이지로 이동하지 못하게하고 싶습니다.

 $('#page1').bind('pageAnimationStart', function(e, data) { 
      if(data.direction === 'out') { 
       if($("#testinput").val() == "") { 
        $("#validation").text("validation error"); 
        e.stopPropagation(); 
        return false; 
       } 
      } 
     }); 

이벤트는 내가 e.stopPropagation(); 또는 return false;를 사용하여 중지 할 수 있습니다 말한다 JQuery와 trigger()에 의해 실행됩니다 : 여기

내가 작성한 시험 방법이다.

나는 둘 다 개별적으로 시도했다. 유효성 검사 오류 메시지가 나타나지만 페이지는 다음 페이지로 전달됩니다.

나는 checked the documentation을 가지고 있지만 꽤 희박하며 이것이 어떻게 수행되었는지를 보여주는 코드 예제를 찾을 수 없었습니다.

Answer 1

페이지 애니메이션이 시작되기 전에 전파가 중지되도록이 함수를 클릭 & 터치 스타트에 바인딩하십시오.

$('#page1').bind('click touchstart touchend', function(e) { 
     if($("#testinput").val() == "") { 
      $("#validation").text("validation error"); 
      e.stopPropagation(); 
      return false; 
     } 
    });