Question

我正在尝试重新创建此方案

第1页有一个打开第2页的链接第2页有一个打开第3页的链接

第2页＆amp; 3有一个关闭按钮，可以回到第1页。

我需要的是第1页上的链接现在指向通过关闭按钮导航到它的页面，因此单击它将重新打开最后一页访问

HTML

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

    </div>
    <div data-role="content"> <a href="#page2" class="lnk" data-transition="slide">Navigate</a>

    </div>
</div>
<div data-role="page" id="page2">
    <div data-role="header"><a href="#" data-icon="arrow-l" data-iconpos="left" data-rel="back">Back</a>
    <a href="#page1" data-icon="delete" data-iconpos="right" data-transition="slide">Close</a>

         <h1>Page 2</h1>

    </div>
    <div data-role="content"> <a href="#page3" class="lnk" data-transition="slide">Goto page 3</a>

    </div>
</div>
<div data-role="page" id="page3">
    <div data-role="header"> <a href="#" data-icon="arrow-l" data-iconpos="left" data-rel="back">Back</a>
    <a href="#page1" data-icon="delete" data-iconpos="right" data-transition="slide">Close</a>

         <h1>Page 3</h1>

    </div>
</div>

JS

$('.lnk').each(function () {
    $(this).attr('data-transition', 'flip');
});

jQuery Mobile - 请记住导航到的最后一页

0 个答案: