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

我的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'); } 

第二页上的按钮

 Back 

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

Answer 2

使用这一个。 您可以使用location.hash =“”在页面之间重定向，其中包含页面ID。

演示http://jsfiddle.net/yeyene/uJz3E/7/

 $("#listView").on("vclick","li", function(e) { // second is the page you want to redirect on click. location.hash = "second"; });