Javascript 导航Jquery Mobile+;音差

Javascript 导航Jquery Mobile+;音差,javascript,jquery,cordova,jquery-mobile,jquery-validate,Javascript,Jquery,Cordova,Jquery Mobile,Jquery Validate,我无法理解如何使用Jquery移动导航系统。 据我所知,jquerymobile是根据这一点使用ajax的。 我的问题是: 1.我在Phonegap中构建了两个Html文件作为客户端,通过Json获取其动态内容,其中一个是login.Html,带有登录表单,我使用jquery验证插件进行验证,成功后通过$mobile.changepage()方法重定向到mainpage.Html页面,如下所示: $("#LoginForm").validate({ rules: { Us

我无法理解如何使用Jquery移动导航系统。 据我所知,jquerymobile是根据这一点使用ajax的。 我的问题是: 1.我在Phonegap中构建了两个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
        })
    }
});
在my 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.changepage()和$mobile.Navigate()方法之间的主要区别是什么
除此之外,$mobile.Navigate()根据这一点是更新的,我应该使用什么方法,以及它们之间的差异示例,我将不胜感激。

这有点混乱,但我想尝试一下

  • JQM使用一个基本页面,然后通过AJAX加载所有其他内容。你有那么多。您的第二页是否包含
    data role=“page”

  • 我还没有在jqm1.3或更高版本中获得好运气。我会坚持使用
    $.mobile.changepage()
    ,直到他们解决了这个问题。它不会很快被移除,如果有的话


  • 您收到的错误消息是什么?我不知道从哪里开始。你能把它分解成简洁的自包含问题吗?我的问题是如何在动态页面上使用$mobile.changepage()在两个html页面之间移动。我收到jquery mobile的黄色错误消息,上面说:“ISMSGOR LOADING PAGE”我想应该是
    $.mobile.changepage()
    是的,我的第二页包含
    数据role=“page”