如何使用兩個按鈕從中間頁面的左側和右側創建頁面的轉換？

我有兩個頁面在JQM中，登錄和註冊，默認是登錄頁面，如果點擊註冊過渡發生在註冊頁面I，反之亦然，如果您在註冊時單擊返回登錄時結束。如何使用兩個按鈕從中間頁面的左側和右側創建頁面的轉換？

<div data-role="page" id="login-page"> 
     <div data-role="header"> 
      <a href="#register-page">Register</a> 
      <h1>Login</h1> 
     </div> 

     <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;"> 
      <form> 

      </form> 
      <input type="button" id="login" value="Login" class="large_input" style="min-height: 60px;"> 
     </div> 

     <div data-position="fixed" data-role="footer"> 
      <h4 id="login_message"></h4> 
     </div> 
    </div> 

    <div data-role="page" data-add-back-btn="true" id="register-page" class="ui-content-transparent"> 
     <div data-role="header"> 
      <h1>CVE Registration</h1> 
     </div> 

     <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;"> 
      <form> 


      </form> 
      <input type="button" id="register" value="Register" class="large_input" style="min-height: 60px;"> 
     </div> 

     <div data-role="footer" data-position="fixed"> 
      <h4 id="register_message"></h4> 
     </div> 
    </div>

我需要設置默認的新的一頁，（有兩個大按鈕登錄和註冊添加新頁）當登錄按鈕，用戶點擊實現從過渡左到登錄頁面，並當上註冊的點擊，使從過渡在註冊頁面右鍵。

Login Page ====> Default with two buttons <==== Register Page

如何在JQM中做到這一點？（我知道在jquery中滑動div，但使用JQM和頁面，它似乎與我不同）。

來源

2013-06-19 PaolaJ.

你需要一些JS要這麼做，如果你想讓它滾動

來源

2013-06-19 10:14:03

這不爲這個問題提供一個答案。要批評或要求作者澄清，在他們的帖子下留下評論 - 你可以隨時評論你自己的帖子，一旦你有足夠的[聲譽]（http://stackoverflow.com/faq#reputation），你將能夠[評論任何帖子]（http://stackoverflow.com/privileges/comment）。 –

如果您有新問題，請點擊[問問題]（http://stackoverflow.com/questions/ask）按鈕。如果有助於提供上下文，請包含此問題的鏈接。 – Amit

嘗試如下圖所示向左走到登錄頁面平滑，

<a href="#Loginpage" data-direction="reverse">Login</a>

數據方向=爲「反向」用於返回

來源

2013-06-19 10:17:01 visnu

這兩個按鈕（內側頭）會做，檢查DEMO http://jsfiddle.net/yeyene/Rdfxs/3/

<div data-role="page" id="login-page"> 
    <div data-role="header"> 
     <a href="#register-page" data-role="button" data-theme="b" data-transition="slide">Register</a> 
     <h1>Login</h1> 
    </div> 
    <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;"> 
     <form> 
     </form> 
     <input type="button" id="login" value="Login" class="large_input" style="min-height: 60px;"> 
    </div> 
    <div data-position="fixed" data-role="footer"> 
     <h4 id="login_message"></h4> 
    </div> 
</div> 

<div data-role="page" id="register-page" class="ui-content-transparent"> 
    <div data-role="header"> 
     <a href="#login-page" data-role="button" data-theme="b" data-transition="slide" data-direction="reverse">Login</a> 
     <h1>CVE Registration</h1> 
    </div> 
    <div data-role="content" class="ui-content-transparent" style="width: 40%; margin-left: auto; margin-right: auto;"> 
     <form> 
     </form> 
     <input type="button" id="register" value="Register" class="large_input" style="min-height: 60px;"> 
    </div> 
</div>

來源

2013-06-20 02:35:29 yeyene

如何使用兩個按鈕從中間頁面的左側和右側創建頁面的轉換？

回答

相關問題