Jquery Mobile里的一個Page并非同于我們的一個html頁面；而是一個一個基于它的Page容器的一個div ；這就允許我們可以再一個html文件中創(chuàng)建多個Page頁面，這樣的好處是，在客戶端發(fā)送請求后僅需要請求一次html內(nèi)容；其它的各種功能和操作都已經(jīng)到客戶端了；而且html也只是各種框架性的結(jié)構(gòu)，內(nèi)容的操作要基于js的Ajax請求；這樣才能給用戶超普通website的體驗；當然如果大量的html Tag在***次請求就返回給客戶端將會導致請求慢，渲染慢等問題；所以我們需要做適當?shù)膭澐?，而?**渲染的html內(nèi)容要盡量少(推薦使用jquery Template)；而且框架支持多page，多頁面切換時的效果動畫，還可以將頁面顯示為對話框形勢；

不同的是，在處理鏈接外部頁面、鏈接同頁面的”Page”，后退、重定向及目錄鏈接有所不同；這會在下面詳細介紹；

頁面

Jquery Mobile是基于HTML5的，Jquery Mobile網(wǎng)站必須使用HTML5文檔聲明開始；我們要使用它的主題css，所以在頁面Title里需要引用對應的主題css樣式文件還有js庫；當然具體引用路徑要看這些文件是怎么組織的了；

Jquery Mobile的”Page”是一個帶有data-role="page"的div容器，這個容器一般有三個直接div子節(jié)點而且分別用data-role="header"，data-role=”content”,data-role=”footer”標記；這主要是做區(qū)域劃分，即將這個Page容器分割為頭、內(nèi)容、腳三塊；然后開發(fā)者再分別在不同塊里添加其他內(nèi)容；http://jquerymobile.com/demos/1.1.0/docs/api/data-attributes.html這里你可以看到所有你可以使用的屬性標簽；

 
 
 
 

  
  
  
  
  
  
  
  
  

  
  
  
  

  
  
  
  
      
  
  
  
  
      
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  

  
  
  
  

  
  
  
  
    
  
  
  
  

  
  
  
  
        
  
  
  
  
            
Easy Hotel