Question

我有一个带有表单的JQM页面。提交表单时，结果将显示在另一个带有一些链接的JQM页面中。单击该链接将转到另一个JQM页面，其上带有后退按钮：

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

问题是单击后退按钮将转到表单而不是第二页（结果页面）。对此有任何解决方法吗？

由于

Answer 1

是的。删除data-rel =“back”并添加此代码。如果您的第三页有id第三页，请使用此事件获取最后一页的ID，并在后退按钮上添加点击事件，以便它返回到您的第二页。

$('#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>

我更喜欢第一种选择，它更长但却能让你获得更多控制权。

提交表单时JQueryMobile中的后退按钮

1 个答案: