返回按鈕無法加載頁面內容-JQuery Mobile

Question

我在jquery mobile上構建了一個混合應用程序，我想使用后退按鈕在不同頁面之間導航。

我創建了后退按鈕，它確實加載了最后一頁的網址，但是它不會刷新頁面內容（它一直顯示同一頁面，即：該按鈕未實現該功能）

瀏覽先前詢問的關於后退按鈕的問題-jQuery mobile我找不到一個暴露頁面加載問題的原因（因為我說過該按鈕獲取正確的url但不加載頁面內容）

注：我正在使用IBM Mobile First

<a href="#loginPage" data-direction="reverse" data-role="button"
            id="mainPageBackBtn" data-icon="back" data-iconpos="notext"
            data-corners="false">Button</a>

（我想從主頁->登錄頁面移動）

Answer 1

您的HTML按鈕標記在JSfiddle中運行良好：

https://jsfiddle.net/pengyanb/a8pzr7gt/6/

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" rel="stylesheet"/> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> <div data-role="page" id="mainPage" data-theme="a"> <div data-role="header" data-position="fixed"> <a href="#loginPage" data-direction="reverse" data-role="button" id="mainPageBackBtn" data-icon="back" data-iconpos="notext" data-corners="false">Button</a> <h5>Main Page</h5> </div> <div data-role="main" class="ui-content"> <h2>This is Main Page</h2> </div> </div> <div data-role="page" id="loginPage" data-theme="a"> <div data-role="header" data-position="fixed"> <a href="#mainPage" data-direction="reverse" data-role="button" id="mainPageBackBtn" data-icon="back" data-iconpos="notext" data-corners="false">Button</a> <h5>Login Page</h5> </div> <div data-role="main" class="ui-content"> <h2>This is Login Page</h2> </div> </div> 

也許嘗試檢查您的標簽ID是否正確分配？

Answer 2

您可以在此處嘗試使用data-ajax =“ false”：

<a href="#loginPage" data-ajax="false" data-direction="reverse" data-role="button"
        id="mainPageBackBtn" data-icon="back" data-iconpos="notext"
        data-corners="false">Button</a>