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

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

頁(yè)面

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

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

 
 
 
 

  
  
  
  
  
  
  
  
  

  
  
  
  

  
  
  
  
      
  
  
  
  
      
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  

  
  
  
  

  
  
  
  
    
  
  
  
  

  
  
  
  
        
  
  
  
  
            
Easy Hotel