jquery移動表單提交。簡單的形式，需要用戶頁面表單提交

Question

我很努力與表單提交在jquery移動和API沒有顯示任何有用的例子。

這裏是我的html：

<div data-role="page" id="test" data-id="test"> 
       <div data-role="content"> 
        <form id="form1"> 
         <div id="titleDiv" data-role="fieldcontain"> 
          <label id="titlelabel" for="title">Title *</label> 
          <select id="title" name="title"> 
          <option value="null">Please select a title</option> 
          <option value="mr">Mr</option> 
          <option value="miss">Miss</option> 
          <option value="mrs">Mrs</option> 
          <option value="ms">Ms</option> 
          <option value="dr">Dr</option> 
          </select> 
         </div> 
         <div id="submitDiv" data-role="fieldcontain">  
         <input type="submit" value="Submit Form" data-inline="true"/> 
         </div> 
        </form> 
      </div> 
     </div> 

    <div data-role="page" id="test" data-id="test"> 
     <p>form confirmation page</p> 
    </div> 

，這裏是我的javascript：

$('div').live('pageshow',function(event, ui) { 

$('#form1').submit(function() { 
    alert('test'); 
    // Submit the form 
    //  $.post("/forms/requestProcessor.php", form1Var.serialize(), function(data){ 
    //  }); 

    $.mobile.changePage($("#test"), "slideUp"); 
    return false; 
});   
}); 

在提交時，我想讓它顯示一個警告，然後將用戶帶到一個頁面。目前，該代碼顯示警告3次無所事事。任何想法它有什麼不對？

Answer 1

問題是您正在重新使用test ID。給第二頁一個不同的ID和changePage該ID將工作。此外，最好省略pageshow或將其限制爲#test而不是頁面中的所有div。