我正在建立一个jQuery移动项目。它是单页模型,使用滑动手势转到下一个“页面”
我也想保存用户在localStorage中刷过的URL。
我已经非常成功,我有代码工作,直到我回到主页然后退出。如果我尝试回去,期望点击主页,浏览器只会闪烁,不会加载任何内容!
它在点击时非常有效,并且当有一个hashurl(/#page2)但在保存根URL时崩溃。
doc负责人的代码:
if (localStorage.currentURL && location.currentURL != location.href) {
location.href = localStorage.currentURL;
}
然后是用于保存URL的脚本:
$('a').on('click', function(){
localStorage.currentURL = this.href
});
$(document).on('swipeleft', '.ui-page', function(event){
if(event.handled !== true) {
var nextpage = $.mobile.activePage.next('[data-role="page"]');
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true);
}
event.handled = true;
}
localStorage.currentURL = window.location.href;
return false;
});
$(document).on('swiperight', '.ui-page', function(event){
if(event.handled !== true) {
var prevpage = $(this).prev('[data-role="page"]');
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide", reverse: true}, true, true);
}
event.handled = true;
}
localStorage.currentURL = window.location.href;
return false;
});
有什么想法吗?