jQuery Mobile이 e.PreventDefault를 듣지 않습니다.

Question

메인 스크립트에서 jQuery Mobile 플러그인 충돌에 대해 도움을 요청하고 싶습니다. 나는 jQuery Mobile을 사용하는 구입 한 템플릿이있는 모바일 버전 인 웹 사이트의 또 다른 버전을 만들려고합니다. 여전히이 사이트는 웹 버전 기반의 CodeIgniter 프레임 워크에 있습니다.

내 주요 스크립트에서 유효성 검사 오류를 표시하기 위해 모든 양식 제출에 preventDefault() 함수가 있습니다. 그런 다음 구입 한 모바일 템플릿으로 작업중인 사이트를 마이그레이션 할 때 preventDefault()를 수신하지 않는 것으로 보입니다. 양식을 제출할 때마다 유효성 검사 오류가 표시되지만 읽으려면 초 후에 페이지가 변경됩니다. 사이트를 새로 고칩니다.

내 스크립트는 아래 코드와 유사합니다. 이것은 내 웹 버전에서 작동합니다. >>>

$('form#frm-signup-updates').submit(function(e){ 

    e.preventDefault(); 

    $.post(base_url+'home/subscribe', $('#frm-signup-updates').serialize(), function(data){ 

     if(data == 'success'){ 
      loadpopup(); 
     } 
     else{ 
      var json = $.parseJSON(data); 
      $("span.error-notif#name").append(json.name); 
      $("span.error-notif#email").append(json.email); 
     } 

    }); 
}); 

Answer 1

submit을 차단 return false을보십시오.

$('form#frm-signup-updates').submit(function(e){ 

    $.post(base_url+'home/subscribe', $('#frm-signup-updates').serialize(), function(data){ 

     if(data == 'success'){ 
      loadpopup(); 
     } 
     else{ 
      var json = $.parseJSON(data); 
      $("span.error-notif#name").append(json.name); 
      $("span.error-notif#email").append(json.email); 
     } 

    }); 
    return false; 
}); 

는 UPDATE : 글쎄, 난 jQuery를 모바일의 소스 코드를 확인하고 JQM 양식 방지 기본적으로 제출하고 아약스 취급 것을 발견했다. submit가 $.mobile.changePage하지 브라우저에 의해 수행되므로

 //bind to form submit events, handle with Ajax 
     $.mobile.document.delegate("form", "submit", function(event) { 
      var formData = getAjaxFormData($(this)); 

      if (formData) { 
       $.mobile.changePage(formData.url, formData.options); 
       event.preventDefault(); 
      } 
     }); 

preventDefault이 잘못되었습니다.

1. 추가 '데이터 아약스 = false를이'form 요소

demo1

에 속성 : 싶어 submit을 방지하는 경우

그래서, 그게 내가이 개 제안을, $.mobile.changePage입니다 2. 제출 버튼을 클릭 할 때 아약스를 수행

demo2