大家好我有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(即应用程序的入口点),那么就会进行适当的导航。
答案 0 :(得分:0)
你应该写
$.mobile.changePage($("#test"))
$ .mobile.changePage的调用是否在等待页面加载?你需要让我们在这里看到一些代码......