Question

我的代码是这样的：

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

    <div data-role="header">

    </div>

    <div data-role="main" class="ui-content">
    <input type="button" value="התחבר" onclick="checkDetails()" />
    </div>

    <div data-role="footer">

    </div>
</div>

现在，通过函数checkDetail（）我需要移动到anthor页面（下面）

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

    <div data-role="header">
        <h3>asd</h3>
    </div>

    <div data-role="content" class="ui-content">

    </div>

    <div data-role="footer">
        <ul>
            <li><a>a</a></li>
            <li><a>as</a></li>
            <li><a>asd</a></li>
        </ul>
    </div>
</div>

问题是当我移动到它时，我到达HomePage但它显示为普通的html页面而不是jquery mobile。顺便说一句，LoginPage显示为jQueryMobile，但HomePage不是。

我的行动方式，

$('#LoginPage').hide(function () {
    $('#HomePage').show();
});

Answer 1

您不应该使用核心jQuery库中的$.show()和$.hide()方法进行页面导航。 jQuery Mobile中的页面导航是通过Pagecontainer Widget处理的 - 特别是使用change方法。

在您的示例中，您将执行以下操作：

var homePage = $("#HomePage");
$.mobile.pageContainer.pagecontainer("change",homePage,{});

如何在jQuery Mobile中更改页面？

1 个答案: