在点击

时间:2016-02-29 14:44:22

标签: jquery jquery-mobile cookies local-storage

我正在建立一个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;      
});

有什么想法吗?

0 个答案:

没有答案