Jquery mobile 如何在jQuery Mobile中更改页面？

我的代码如下：

<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>

---

您不应该使用核心jQuery库中的

$.show（）

和

$.hide（）

方法进行页面导航。jquerymobile中的页面导航是通过——特别是使用

change

方法来处理的

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

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

---

我在很多视频中看到了，作品很简单，不像你说的那样，我打开了页面，但没有手机的设计。我很难理解。如果您说看到一个视频告诉您使用

.show（）

和

.hide（）

打开jQuery移动页面，那么该视频是错误的。您需要使用Pagecontainer小部件。请参阅Omar链接的重复问题以获得相同的答案。

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

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