Javascript 带有后退按钮的Jquery mobile changepage不工作
我的JQM主HTML文件中有4个页面。当我使用changepage切换到一个页面时,第一次就可以了,但是我使用了data rel=back按钮返回,这会切换到上一个页面,但会反弹回具有back按钮的页面。我应该不使用数据rel=back吗?如果没有,还有什么选择 使用JQM 1.3.1Javascript 带有后退按钮的Jquery mobile changepage不工作,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我的JQM主HTML文件中有4个页面。当我使用changepage切换到一个页面时,第一次就可以了,但是我使用了data rel=back按钮返回,这会切换到上一个页面,但会反弹回具有back按钮的页面。我应该不使用数据rel=back吗?如果没有,还有什么选择 使用JQM 1.3.1 $("#listView").on("vclick","li", function(e) { //ajax call to get results for second page $.mobile.c
$("#listView").on("vclick","li", function(e) {
//ajax call to get results for second page
$.mobile.changePage('#second');
}
第二页上的按钮
<a href="#" data-rel="back">Back</a>
要以编程方式转到上一页,请使用以下代码。您还需要使用
stopImmediatePropagation()
停止jQuery Mobile两次跳转,结果显示相同的页面
编辑:我在iPad上进行了测试,preventDefault()
也是必需的
用这个。您可以使用location.hash=“”在页面间重定向,其中包含页面id 演示
您也可以使用$.mobile.back()以编程方式执行此操作..我会尝试,但我认为会是一样的。您可能是对的,但尝试也没有坏处:-)在添加mobile.back修复程序时,请尝试以下操作:$.mobile.activePage.prev('[data role=page]')。。单击该链接时,请尝试发出警告。。这将告诉您上一页是什么。。如果mobile.back不起作用,那么你可以对该页面进行更改。奇怪的是,它第一次就可以正常工作。列表中的第二个选项切换,然后断开“后退”按钮。
$(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 });
});
$("#listView").on("vclick","li", function(e) {
// second is the page you want to redirect on click.
location.hash = "second";
});