我們可以在jquery mobile的多頁文檔中使用不同頁面的表單嗎？

我在jquery mobile中有多頁文檔。 Page 1有一個將我重定向到第2頁的鏈接。第2頁有一個按鈕，將請求提交給服務器。是否有可能創建一個窗體，其表單域分佈在頁面1和頁面2中，當我提交表單時，兩個頁面中的字段都會被提交。 jquery mobile中的多頁文件是否支持這個？或者還有其他方法可以輕鬆完成此操作嗎？我們可以在jquery mobile的多頁文檔中使用不同頁面的表單嗎？

來源

2014-06-11 user1502901

是的，你可以。

長頁面表單可以分佈在兩個頁面中，如下面的代碼所示。

<body> 
    <form action="/m/processOrder.php" method="post"> 
     <div data-role="page" id="delivery"> 
      <?php $headerTitle = "Deliver To"; ?> 
      <?php include("includes/header.php"); ?> 
      <div data-role="content"> 
       <h2>Where will we be delivering?</h2> 
       <!—-form elements go here --> 
       <p> 
        <div class="ui-grid-a"> 
         <div class="ui-block-a"><a data-role="button" href="index.php">Cancel</a></div> 
         <div class="ui-block-b"><a data-role="button" href="#payment">Continue</a></div> 
        </div> 
       </p> 
      </div> 
      <?php include("includes/footer.php"); ?> 
     </div> 
     <div data-role="page" id="payment"> 
      <?php $headerTitle = "Payment"; ?> 
      <?php include("includes/header.php"); ?> 
      <div data-role="content"> 
       <h2>Please enter payment information</h2> 
       <!-—form elements go here --> 
       <p> 
        <div class="ui-grid-a"> 
        <div class="ui-block-a"><a data-role="button" data-theme="d" href="index.php">Cancel</a></div> 
         <div class="ui-block-b"><input type="submit"data-theme="b" value="Submit"/></div> 
        </div> 
       </p> 
      </div> 
      <?php include("includes/footer.php"); ?> 
      </div> 
    </form> 
<body>

多個data-role="page"可以單獨存在。來自官方的JQM文件

一個HTML文件可以用一個單一的「頁面」和阿賈克斯導航系統用戶瀏覽各地將根據需要加載其他頁面到DOM開始。或者，可以在其中包含多個「頁面」的情況下構建一個HTML文檔，框架將在這些本地視圖之間轉換，而不需要請求來自服務器的內容。

這裏是link到documentaion。

從代碼段與jQuery Mobile的創建移動應用程序通過巴蒂爾Gliser

來源

2014-06-11 10:10:14 vinay

我們可以在jquery mobile的多頁文檔中使用不同頁面的表單嗎？

回答

相關問題