1、在JQuery Mobile中,可以通過頁面緩存的方式將訪問過的歷史內容寫入頁面文檔的緩存中,當用戶重新訪問時,不需要重新加載,只要從緩存中讀取就可以。
2、設置頁面爲緩存,只需要在page容器中添加data-dom-cache屬性,並將屬性設置爲true。在JQuery Mobile中設置緩存頁面還有另外一種方法,即通過JavaScript代碼設置一個全局性的JQuery Mobile屬性值爲true,代碼如:$.mobile.page.prototype.options.domCache=true
3、示例代碼:
<!DOCTYPE HTML >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
<script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script>
<script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<div data-role="page" data-dom-cache="true">
<div data-role="header"><h1>緩存頁面</h1></div>
<div data-role="content">
<p>這是一個被緩存的頁面</a></p>
</div>
<div data-role="footer"><h4>@2013 3i studio</h4></div>
</div>
</BODY>
</HTML>
4、效果圖預覽: