Android Jquery Mobile-表单提交后更改页面不工作

Android Jquery Mobile-表单提交后更改页面不工作,android,jquery,cordova,jquery-mobile,Android,Jquery,Cordova,Jquery Mobile,我正在用Jquery Mobile通过PhoneGap开发一个应用程序。我有一个index.html,其中包含一个多页div,例如#page1、#page2。在第1页我有一张表格,在提交时转到第2页(这很好用) 在#page2上,它根据表单传递的值显示结果(这是可行的),但我在标题上有一个返回按钮,它应该返回到#page1,但失败了。使用data rel=“back”时失败,当我尝试执行 $('#myAnchorID').on('click', function(){ $.mobile.chan

我正在用Jquery Mobile通过PhoneGap开发一个应用程序。我有一个index.html,其中包含一个多页div,例如#page1、#page2。在第1页我有一张表格,在提交时转到第2页(这很好用)

在#page2上,它根据表单传递的值显示结果(这是可行的),但我在标题上有一个返回按钮,它应该返回到#page1,但失败了。使用
data rel=“back”
时失败,当我尝试执行

$('#myAnchorID').on('click', function(){
$.mobile.changePage("#page1");
});
data ajax=“false”
一切正常时,但我希望启用ajax,以便在页面之间进行平滑快速的转换,这样id就不会每次“刷新”。我相信这是ajax和DOM缓存的问题(不是100%确定),我在网上找不到任何适合我的案例的解决方案

这就是我提交表格的方式(非常有效)

js文件:

  • jQuery 2.0.0
  • jQuery Mobile 1.3.1

如何从p1移动到p2?似乎p1在移动到p2.Omar时被破坏了-我正在移动到p2:$('form').submit(function(){var str=$('form”).serialize();window.localStorage.setItem(“string”,str);$.mobile.changePage('page2');});这根本不会导致p2加载出现问题,只是返回到p1,这就是问题所在,没有完全刷新
e.preventDefault()
e.停止即时复制()将解决此问题。它可以防止Ajax干扰。检查这把小提琴,它在小提琴上工作,但不在我的本地代码上。我可以看到URL发生了变化,但实际的#page1本身没有加载(我可以看到它在DOM中),我有一个$(#page2')。on(“pageshow”,function(){});我觉得这就是问题所在,因为我将其更改为$('#page2')。load('pagebeforeload'…后退按钮起作用,但我的#page2的JSON内容没有起作用。最后,接近解决了它,与快速单击也没有任何关系,我删除了一条if语句以检查变量是否为真。这似乎起作用。感谢您的帮助,尽管Omar非常感谢
$('form').submit(function() {                        
var str = $("form").serialize();
window.localStorage.setItem("string", str);
$.mobile.changePage("#page2");
});