0

Phonegap と jQuery を使用して複数ページのテンプレートを読み込むのに本当に苦労しています。

ここには 2 つのページ (homeと1) がありますが、ページを読み込むと、2 番目の「ページ」div ( 1、 not home) が表示され、ページを変更するリンクはありません。

ページを 2 つの別個の .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を介してコンパイルした場合、それは間違いなく機能しません。

複数のビューが必要な場合は、Backbone.jsやSenchaTouchなどのMVCjsフレームワークに切り替えることをお勧めします。

于 2013-01-29T16:29:40.433 に答える