5

我的 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>
4

2 回答 2

2

要以编程方式转到上一页,请使用以下代码。您还需要使用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 });
});
于 2013-06-11T13:32:14.583 回答
0

使用这个。您可以使用 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";
});
于 2013-06-12T02:17:17.513 回答