[英]Navigation Jquery Mobile + PhoneGap
我在理解如何使用Jquery移动导航系统时遇到问题。 我了解到Jquery Mobile根据此链接可与ajax一起使用。 我的问题是:1.我在Phonegap中构建了2个Html文件作为客户端,可以通过Json获取其动态内容,其中一个是login.html,它带有登录表单,我使用它通过jquery验证插件进行验证,并成功将其重定向到通过方法$ mobile.changepage()打开页面mainpage.html,如下所示:
$("#LoginForm").validate({
rules: {
UserName:
{
required: true,
digits: true,
rangelength: [4, 4]
},
Password: {
required: true,
digits: true,
rangelength: [4, 4]
}
},
messages: {
UserName: {
required: "שגיאה!, אנא הכנס שם משתמש",
digits: "שגיאה!, אנא הכנס ספרות בלבד",
rangelength: "שגיאה!, השדה חייב להיות 4 תווים בדיוק"
},
Password: {
required: "שגיאה!, אנא הכנס סיסמה",
digits: "שגיאה!, אנא הכנס ספרות בלבד",
rangelength: "שגיאה!, השדה חייב להיות 4 תווים בדיוק"
}
},
errorClass: 'input-validation-error',
submitHandler: function (form) {
/* Send the data using post */
$.post("/Account/postLogin", $("#LoginForm").serialize(), function (data) {
switch (data) {
case "RESULT_SUCCESS":
$.mobile.changePage("/Home/NewTickets", { transition: "slide" });
break;
case "UserNotFound":
alert("שם משתמש לא נמצא"); //phonegap error dialog
break;
case "NonCorrectPassword":
alert("סיסמה אינה נכונה"); //phonegap error dialog
break;
}
})
.fail(function () {
alert("שגיאת שרת אינה יודעה, נסה שנית במועד מאוחר יותר"); //phonegap error dialog
})
}
});
在我的mainpage.html中,有一个注销按钮,当我按该按钮时,它将执行以下方法:
$('#logout').on('click', function () {
$.get("/Account/Logout")
.done(function () {
$.mobile.changePage("/Account/Login", { transition: "slide", reverse: true });
})
.fail(function () {
alert("שגיאה!, לא היה ניתן להתנתק מן המערכת");
});
});
在iphone上对其进行测试后,它确实会返回到login.html,但是当我再次按下“提交”按钮时,它给了我一条错误消息,我想这与DOM中已有的第2页有关,我该怎么办?修理它?
2.除了$ mobile.Navigate()根据这个链接是较新的事实之外,方法$ mobile.changepage()与$ mobile.Navigate()之间的主要区别是什么,我应该使用哪种方法,以及一个示例他们之间的差异将不胜感激。
这有点混乱,但我会刺
JQM使用单个基础页面,然后通过AJAX加载其他所有内容。 你有很多。 您的第二页是否包含data-role="page"
块?
我还没有使用JQM 1.3或更高版本。 我会坚持使用$.mobile.changepage()
直到他们解决。 如果有的话,它不会很快被删除。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.