0

我真的很难用 Phonegap 和 jQuery 加载多页模板。

这里我有两个页面（home和1），但是当我加载页面时，它只显示第二个“页面”div（1，不是home）并且没有链接更改页面。

将页面作为两个单独的 .html 文件，我无法让转换工作 - 在这里我更落后了一步，因为我什至无法更改页面！

代码：

<script type="text/javascript" src="cordova-2.3.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>    
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>

<body>
    <div data-role="page" id="home">
        <div id="header"><h1>Title</h1></div>
        <div id="wrapper">
            <div id="scroller">
                <div id="content">
                    <a href="#1" data-transition="slide">Link to Page 2</a>
                </div>
            </div>
        </div>
        <div id="footer"><a href="about.html"><div class="footer_abt"></div></a></div>
    </div>


    <div data-role="page" id="1">
        <div id="header"><h1>Tummy Time</h1></div>
        <div id="wrapper">
            <div id="scroller">
                <div id="content">
                    <!-- Content Here -->
                </div>
            </div>
        </div>
        <div id="footer">
            <a href="#home"><div class="footer_home"></div></a>
        </div>
    </div>

</body>
4

1 回答 1

0

据我所知，jQuery Mobile 并不适用于多个静态页面。我的意思是，我想你可以做到这一点，但我怀疑任何转换都行得通。此外，如果您通过 PhoneGap 进行编译，它肯定不会起作用。

如果您想要多个视图，我建议切换到 MVC js 框架，例如 Backbone.js 或 Sencha Touch。

于 2013-01-29T16:29:40.433 回答