我有一个带有表单的 JQM 页面。提交表单时,结果将显示在另一个带有一些链接的 JQM 页面中。单击该链接将转到另一个带有后退按钮的 JQM 页面:
<a href="#" data-icon="back" data-rel="back" >Back</a>
问题是单击后退按钮将转到表单而不是第二页(结果页)。有什么解决方法吗?
谢谢
我有一个带有表单的 JQM 页面。提交表单时,结果将显示在另一个带有一些链接的 JQM 页面中。单击该链接将转到另一个带有后退按钮的 JQM 页面:
<a href="#" data-icon="back" data-rel="back" >Back</a>
问题是单击后退按钮将转到表单而不是第二页(结果页)。有什么解决方法吗?
谢谢
就在这里。删除 data-rel="back" 并添加此代码。如果您的第三页有一个 idthirdPage 使用此事件来获取最后一页的 id 并在后退按钮上添加 click 事件,以便它可以将您返回到您的第二页。
$('#thirdPage').live('pagebeforeshow', function (e, data) {
//below is a beck button of page #thirdPage
$('#thirdPage-backbtn').bind('click', function(e) {
$.mobile.changePage( "#" + data.prevPage.attr('id') , {transition: "none"} );
});
}
如果您需要更多信息,请查看此处:http: //jquerymobile.com/demos/1.0rc1/docs/api/events.html,查找 data.prevPage。
或者你可以使用这个:
<a href="" data-role="button" data-icon="back" onclick="history.go(-1);">Back</a>
我更喜欢第一个选项,它更长,但给你更多的控制权。