返回按钮无法加载页面内容-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>