jQuery mobile history.back（）僅在第一次工作

Question

目前，我遇到了歷史記錄問題。 背部 （）。

我有2頁，分別是pageA.html，pageB.html。

我正在使用以下代碼轉到下一頁並返回上一頁

// go to next page
function changePage(url) {
  $.mobile.pageContainer.pagecontainer("change", url, {
    allowSamePageTransition: true,
    transition: 'none',
    showLoadMsg: false,
    reloadPage: false,
    changeHash: true
  })
}

//back to previous page
function backToPreviousPage(){
  alert("back");
  history.back();
}

代碼首次正常運行，如下所示

第一次：pageA> pageB（單擊返回按鈕一次）> pageA

所以我已經成功地回到了pageA。 問題來了。

第二次：pageA> pageB（先單擊后退按鈕無響應，然后第二次單擊）> pageA

到第三次時，我需要單擊后退按鈕3次，然后才能使history.back（）工作，我可以獲得警報消息，因此調用了backToPrevious函數。

所以問題如下：

• 1st導航：pageA> pageB> pageA（1單擊）
• 第2次導航：pageA> pageB> pageA（2次點擊）
• 第3次導航：pageA> pageB> pageA（3次點擊）

等等....

我不僅可以在backToPrevious函數中硬編碼導航回pageA，因為我不僅可以從pageA導航到pageB，而且可以從其他頁面導航到pageB。

到目前為止，我已經嘗試過

history.back(-1);

和這個

<a data-rel="back" href="javascript:history.back(1)" data-theme="a">Back</a>

但仍然無法解決問題。

欣賞是否有人可以告訴我我在做什么錯。 謝謝。

Answer 1

只需使用此代碼。

   function changePage() {
     $.mobile.changePage("pageA.html");
     return false;
    }

    function backToPreviousPage(){
     navigator.app.backHistory();

    }