javascript - 以编程方式滑回到上一页

我希望能够在javascript函数（android / HTML5项目）中滑回到上一页。我可以通过history.back()返回上一页，但是此代码不会回退。

是否可以使其滑动？

最佳答案

刷卡解决方案

这是一个工作示例：http://jsfiddle.net/Gajotres/ru3D3/

$(document).off('swipeleft').on('swipeleft', 'article', function(event){
    var nextpage = $.mobile.activePage.next('article[data-role="page"]');
    // swipe using id of next page if exists
    if (nextpage.length > 0) {
        $.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true);
    }
});

$(document).off('swiperight').on('swiperight', 'article', function(event){
    history.back();
    return false;
    event.handled = true;
});

此代码用于返回上一页：

history.back();
return false;

在这一行：

$(document).off('swiperight').on('swiperight'

.off（..）用于防止页面转换期间发生多次滑动事件绑定。如果您还有其他问题，请随时提出。

按钮解决方案：

工作示例也在这里：http://jsfiddle.net/Gajotres/ru3D3/

$(document).on('pagebeforeshow', '[ data-role="page"]', function(){
    $(document).off('click touchStart').on('click touchStart', '#slide-back-btn', function(){
        history.back();
        return false;
    });
});