javascript - プログラムで前のページに戻る

Question

JavaScript関数(Android/HTML5プロジェクト)内で前のページにスライドバックできるようにしたいです。から前のページに戻ることはできますhistory.back()が、このコードはスライドバックしません。

スライドもできるようにすることはできますか？

Answer 1

スワイプソリューション

これが実際の例です：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;       
    });    
});