event.preventDefault() jQuery Mobile .live() 이벤트에서 양식 제출을 막지 못함

Question

로그인 양식 제출을 방지하여 서버를 쿼리하고 사용자 이름과 비밀번호를 확인한 다음 홈페이지. 내가 경험의 jQuery 프로그래머 해요하지만이로 실행 적이없는

$("#login-form").live("submit", function(event) { 
     event.preventDefault(); 
     $.mobile.changePage("main.html", { 
      transition: "fade" 
     }); 
    }); 

: login.html에서

: app.js에서

 <form id="login-form"> 
      <input type="text" name="login-username" id="login-username" value="" placeholder="Username" /> 
      <input type="password" name="login-password" id="login-password" value="" placeholder="Password" /><br /> 
      <button id="cab-submit" type="submit" data-theme="a" data-inline="true">Log In</button> 
     </form> 

다음은 관련 코드입니다 . changePage()는 작동하지만 불필요한 페이지로드를 유발하는 양식을 제출 한 후에 만 ​​발생합니다.

EDIT : 해결책을 찾았습니다.

양식 제출 자료를 직접 처리하려면 양식에 data-ajax = "false"를 추가해야했습니다. 이것은 잘 동작했다.

새로운 마크 업 :

 <form id="login-form" data-ajax="false"> 
      <input type="text" name="login-username" id="login-username" value="" placeholder="Username" /> 
      <input type="password" name="login-password" id="login-password" value="" placeholder="Password" /><br /> 
      <button id="cab-submit" type="submit" data-theme="a" data-inline="true">Log In</button> 
     </form> 

Answer 1

내 질문에 답했습니다. 양식 제출물을 직접 처리하려면 data-ajax = "false"를 양식에 추가해야했습니다. 이것은 잘 동작했다.

새로운 마크 업 :

<form id="login-form" data-ajax="false"> 
     <input type="text" name="login-username" id="login-username" value="" placeholder="Username" /> 
     <input type="password" name="login-password" id="login-password" value="" placeholder="Password" /><br /> 
     <button id="cab-submit" type="submit" data-theme="a" data-inline="true">Log In</button> 
    </form> 

Answer 2

이 = "제출"어떻게되는지 ID에 제출 버튼에 ID를 변경해보십시오. jQuery 모바일과 관련하여 알려진 문제 일 수 있습니다.