我正在通过PhoneGap与Jquery Mobile开发应用程序。我有一个index.html,其中包含一个多页面div,例如#page1,#page2。在#page1我有一个表单,然后提交到#page2(这很好)。
在#page2上,它显示了基于表单传递的值的结果(这个工作),但我在标题上有一个后退按钮,它应该返回到#page1,但是失败了。它使用data-rel="back"
失败,当我尝试
$('#myAnchorID').on('click', function(){
$.mobile.changePage("#page1");
});
当data-ajax="false"
一切正常时,我想启用ajax,以便在#pages之间平滑快速地转换,这样每次都不会'刷新'。我相信这是ajax和某种类型的DOM缓存问题(不是100%肯定),而且我找不到任何适合我案例的在线解决方案。
这就是我提交表单的方式(效果很好)
$('form').submit(function() {
var str = $("form").serialize();
window.localStorage.setItem("string", str);
$.mobile.changePage("#page2");
});
js文件: