记住jquery mobile的最后一页

时间:2015-07-09 00:20:01

标签: android jquery cordova

我正在制作一个jquery移动应用程序 随着phonegap 这就像是如何阅读古兰经 我想让它保持用户nad的进度,并在重新打开时恢复它 任何帮助或线索?

1 个答案:

答案 0 :(得分:1)

您可以将访问过的最后一页存储在Cookie中,并在应用加载后重定向到该页

演示 - 访问页面重新点击运行

https://jsfiddle.net/Ldgz38s4/

<强>代码

//check if the lastpage exists and redirect to the page

if ($.cookie('lastpage')) {
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#"+$.cookie('lastpage'))    
}


//store the page visited in a cookie

$(document).on("pageshow", function (e, data) {
 var pageid = $.mobile.pageContainer.pagecontainer( 'getActivePage' ).attr( 'id' );
  $.cookie('lastpage', pageid)  
});

您需要包含Jquery cookie插件才能使Cookie正常工作

https://github.com/carhartl/jquery-cookie

啊,我刚刚意识到你正在使用Cordova,并且可能在Android webview中存储cookie存在问题。如果你这样做,上面的代码(设置和阅读cookie)不起作用,那么

点击此处查看如何为Android webview启用本地存储

Android webview & localStorage&#39;

以及如何在App中存储和读取数据,这很简单

http://www.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/