Question

我想知道是否有可能。我有两个具有以下结构的JQuery Mobile页面

    <div data-role="page" id="main_demo">
        <div data-role="header" data-position="fixed">
            <h3>Header</h3>
        </div>
        <div data-role="content">
            <a data-role="button" href="#main_demo1">Next</a>
        </div>
        <div data-role="footer" data-position="fixed">
            <h3>Footer</h3>
        </div>
    </div>
    <div data-role="page" id="main_demo1">
        <div data-role="header" data-position="fixed">
            <h3>Header</h3>
        </div>
        <div data-role="content">
            <a data-role="button" href="#main_demo">Back Using Tag</a>
            <a data-role="button" data-rel="back">Back Using Rel Back</a>
        </div>
        <div data-role="footer" data-position="fixed">
            <h3>Footer</h3>
        </div>
    </div>

当用户转到第二页并按该页面上的Buttons时，如何将该用户从具有href属性或具有{{1}的其他按钮的哪个按钮标识回第一页属性

JSFiddle

Answer 1

DEMO

您可以在本地存储设置页面名称，并可以在其他页面按钮点击事件中将其恢复。

<div data-role="page" id="index1">
<div data-role="header">
        <h1>Page 1</h1>

</div>
<div data-role="content"> <a href="#" id="Id1" data-role="button">Click Me</a>  
</div>
<div data-role="footer">
        <h4>Page Footer</h4>

</div>
</div>
<div data-role="page" id="index">
<div data-role="header">
        <h1>Page 2</h1>

</div>
<div data-role="content"> <a href="#" id="Id2" data-role="button">Go back</a>   
</div>
<div data-role="footer">
        <h4>Page Footer</h4>

</div>
</div>

$('#Id1').click(function () {
  var pageid = $.mobile.activePage.attr('id');
  window.localStorage.setItem("pageid", pageid);
  $.mobile.changePage("#index");

});


$('#Id2').click(function () {
  var pageid = window.localStorage.getItem("pageid");
  $.mobile.changePage("#" + pageid);
});

如何识别当前页面从哪个链接加载

1 个答案: