在多页$ .mobile.changePage(“#test”)不工作

时间:2012-08-07 09:02:02

标签: javascript jquery jquery-ui jquery-mobile cordova

大家好我有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(即应用程序的入口点),那么就会进行适当的导航。

1 个答案:

答案 0 :(得分:0)

你应该写

$.mobile.changePage($("#test"))

$ .mobile.changePage的调用是否在等待页面加载?你需要让我们在这里看到一些代码......