大家好，我有 html 文件，其中 div 中有各种不同的页面。现在我想从一个页面导航到另一个我正在使用$.mobile.changePage("#test") 的页面，但是没有导航到 test.html。如果我对 test.html 使用不同的 html 文件并调用它，$.mobile.changePage(("test.html")); 那么导航就会发生。
我也尝试使用 loadPage，但它也没有解决我的问题。任何建议将不胜感激，在此先感谢。
这是我的代码：
<body>
<div data-role="page" id="firstPage" onclick=callSecondPage() class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="firstPage" id="firstPage">
</div>
<script type="text/javascript">
function callSecondPage()
{
alert ("Inside callPage");
$.mobile.changePage('#secondPage');
}
</script>
</div>
<div data-role="page" id="secondPage" onclick=callThirdPage() class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="secondPage" id="secondPage">
</div>
<script type="text/javascript">
function callThirdPage()
{
alert ("Inside callPage");
$.mobile.changePage('#thirdPage');
}
</script>
</div>
<div data-role="page" id="thirdPage" onclick=callFourthPage() class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="thirdPage" id="thirdPage">
</div>
<script type="text/javascript">
function callFourthPage()
{
alert ("Inside callPage");
$.mobile.changePage('#fourthPage');
}
</script>
</div>
<div data-role="page" id="fourthPage" class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="fourthPage" id="fourthPage">
</div>
</div>
<div data-role="page" id="fifthPage" class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="fifthPage" id="fifthPage">
</div>
</div>
<div data-role="page" id="sixthPage" class="type-home">
<div data-role="button">
<input type="submit" data-role="button" value="sixthPage" id="sixthPage">
</div>
</div>
之前来到上面的 html 文件导航到其他页面，现在$.mobile.changePage('#secondPage');secondPage 不是从 firstPage 导航的。但是，如果我在 index.html 中放置了相同的代码（即应用程序的入口点，那么就会发生正确的导航。