javascript - 电话间隙 + jqmobile : how to change page correctly

Question

我正在使用 cordova + Ripple 模拟器 + jq mobile 开发 Android 应用程序。我想在登录成功后更改页面。主(也是唯一)页面的 html:

 <div data-role="page" id="login">

        <div data-role="header">
            <h1>
                Вход
            </h1>
        </div>

        <div class="ui-content">
            <div id="loginFlashMsg">

            </div>

            <form id="loginFrm">
                <div>
                    <label for="loginInptTxt">Ваш логин:</label>
                    <input type="text" id="loginInptTxt" />
                </div>

                <div>
                    <label for="pswInptTxt">Пароль:</label>
                    <input type="password" id="pswInptTxt" />
                </div>

                <button id="loginBtn">
                    Войти
                </button>
            </form>
        </div>

    </div>

    <div data-role="page" id="lots">
        <div data-role="header">
            <h1>
                Лоты
            </h1>
        </div>

        <div class="ui-content">

            <ul data-role="listview" id="lotsList">

            </ul>

        </div>
    </div>

json授权后我想更改页面:

App.prototype.ProcessResponse = function (response, textStatus, jqXHR) {
if (response['status'] != 'ok') {
    this.notifyAboutError(response['status']);
} else {
    switch (response['action']) {
        case 'login':
            this.user = new User($('#loginInptTxt').val(), response['sid']);
            $.mobile.changePage("#lots");
            break;
        case 'getLots':
            this.appendLots(response['lots']);
    }
}

};

但它不起作用。我知道，changePage() 已被弃用。我尝试使用

$(":mobile-pagecontainer").pagecontainer("change", "$lots");

但一切还是一样——什么都没有。提取到另一个html页面没有效果。如何在 Android 应用程序中切换页面？

附:我能实现的最好的结果是我看到很多页面的标题和后面的文本“正在加载”，但一秒钟后它就消失了。

Answer 1

$.mobile.changePage("#id");

有效。没问题，显示的站点会更改为另一个页面 ID。如果您想要一个奇特的过渡，请使用例如

$.mobile.changePage("#id", {transition:"slide"});

就像一个魅力:)当然，您也可以导航到新页面，只需使用它而不使用“#”即可。