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>

（我想从主页面移动 - ＆gt;登录页面）

Answer 1

Your HTML button tag is working fine in 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>

Maybe try check you tag Id is correctly assigned?

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>

后退按钮没有加载页面内容 - JQuery Mobile

2 个答案: