Question

我最近开始使用JQuery Mobile，到目前为止，我发现它是一个很好的工具。它工作流畅，快速，并且考虑到用户界面很容易管理。

但是，我现在遇到了一些困难：

我有一个应用程序要求用户使用电子邮件和密码登录。因此，我在index.html中包含了登录和帐户创建部分。应用程序本身（app.html）放在一个名为Application的单独文件夹中，该文件夹有一个.htaccess文件，该文件应该阻止直接访问（目前尚未设法解决）。
当用户登录时（将通过将accountId，sessionId（在服务器端创建）发送到将返回true或false的服务器来检查）。如果为false，则应用程序将再次将用户重定向到index.html。

然而，奇怪的是，当用户登录并重定向到app.html页面时，它只会加载第一页。

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

这很奇怪，因为在DOM中应该有10个页面，但是当按F12预览生成的DOM时它不会显示这些页面。

接下来，它仍然显示DOM中的login和createaccount页面。

这是我导航到新页面的方式：

$.mobile.changePage("Application/app.html", { transition: "slidefade", changeHash: false });

顺便说一句，这是导航后DOM的样子：

<body class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" id="createaccount" data-url="createaccount">...</div>
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">...</div>
<div data-role="page" id="menu1" data-url="/Application/app.html" data-external-page="true" tabindex="0" class="ui-page ui-body-c ui-page-active">...</div>
</body>

预期结果：

<body class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" id="menu1" data-url="/Application/app.html" data-external-page="true" tabindex="0" class="ui-page ui-body-c ui-page-active">...</div>
<div data-role="page" id="menu2" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu3" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu4" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu5" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu6" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu7" data-url="/Application/app.html">...</div>
<div data-role="page" id="menu8" data-url="/Application/app.html">...</div>
</body>

通过使用F12编辑代码来操作DOM，并创建一个具有菜单项中显示的ID的页面。

它导航到该页面，但是从DOM中删除了上一页，这使它看起来像一个“活动页面”问题。

jquery mobile changePage（）仅加载第一页

0 个答案: