Jquery移动更改页面,后退按钮不起作用

Question

我的JQM主HTML文件中有4个页面.当我使用changepage切换到一个时,它第一次没问题,但我使用data-rel = back按钮返回,然后切换到上一页,然后跳回到有后退按钮的页面.我应该不使用data-rel = back吗？如果不是有什么替代方案？

使用JQM 1.3.1

$("#listView").on("vclick","li", function(e) {  
  //ajax call to get results for second page
  $.mobile.changePage('#second');
}

第二页上的按钮

<a href="#" data-rel="back">Back</a>

Answer 1

要以编程方式转到上一页，请使用以下代码。您还需要使用stopImmediatePropagation();来阻止 jQuery Mobile 跳转两次，这将导致显示相同的页面。

编辑：我在iPad上测试过，preventDefault()也是必需的。

演示

$(document).on('vclick', '[data-rel=back]', function (e) {
 e.stopImmediatePropagation();
 e.preventDefault();
 var back = $.mobile.activePage.prev('[data-role=page]');
  $.mobile.changePage(back, { 
    transition: 'slide',
    reverse: true });
});