0

Jquery Mobile Navigation システムの操作方法がよくわかりません。このリンクに従って、Jquery Mobile が ajax で動作することを理解しています。私の質問は次のとおりです。1. Json を介して動的コンテンツを取得する Phonegap のクライアント側として 2 つの Html ファイルを作成しました。次に示すように、メソッド $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.changepage() と $mobile.Navigate() の主な違いは何ですか? このリンクによると $mobile.Navigate() の方が新しいという事実に加えて、どのメソッドを使用する必要があるか、および例それらの間の違いについては非常に高く評価されます。

4

1 に答える 1

1

これは少しごちゃごちゃしていますが、私は突き刺します

  1. JQM は単一のベース ページを使用し、AJAX を介して他のすべてをロードします。あなたはそれだけを得ました。2 番目のページにdata-role="page"ブロックが含まれていますか?

  2. JQM 1.3以降はまだうまくいきません。$.mobile.changepage()彼らがそれを解決するまで、私は固執します。あったとしても、すぐに削除されることはありません。

于 2013-10-10T19:26:45.943 に答える