移動Web應用程序原型或演示

Question

我已經爲移動Web應用程序創建了html5屏幕。我想向頁面添加操作。我的意思是我點擊任何按鈕，相關的html頁面應該像下面的例子。

http://elsies.appclerk.com/

導航我需要表現出發展之前演示的流動。有什麼方法可以輕鬆完成流程？請建議我。

編輯： 請檢查[的jsfiddle（http://jsfiddle.net/4cKhC/「> HTML代碼）
在那裏，當我後退按鈕挖掘新的頁面或其他頁面應該來像上面的網址（滑塊效果）

Answer 1

如果你感興趣的只是原型，你可以很容易地（在一定程度上）做到這一點只用jQuery Mobile標記

可以聲明一個JQM頁面這樣的：。

<div id="contacts" data-role="page"> 
<div data-role="header"> 
    <h1>Contacts</h1> 
    <a href="#" data-rel="back" data-icon="arrow-l" data-transition="slide">Back</a> 
</div> 
<div data-role="content"> 
    <ul data-role="listview" data-filter="true"> 
     <li data-role="list-divider">Colleagues</li> 
     <li><a href="#alan" data-transition="slide"> 
      <img src="images/person.png"> 
      <h1>Alan Ayckbourn</h1> 
      <p>Available</p> 
     </a></li> 
    </ul> 
</div> 

添加javascript和（或）服務器端腳本（例如， PHP），你可以把它變成一個真正的應用程序。

這是您的三頁mock-up。
列表中的第一項Alan Ayckbourn可點擊。