如何識別當前頁面加載從哪個鏈接

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屬性或識別用戶返回到第一頁其他有data-rel屬性

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); 
});