0

(jquery mobile 1.3.0 と phonegap 2.3) を使用してページ遷移が機能しない 

    <a href="#page2" data-role="button" data-theme="e" data-transition="slide">Start</a>


data-transition="slide" を使用して Android 用にビルドしましたが、トランジションが機能しませんでした。

    .ui-page {-webkit-backface-visibility:hidden}

しかし、うまくいきませんでした。

何か助けて?!!!

注：ブラウザではうまく機能しますが、phonegapでビルドした後、2番目のページに移動しますが、トランジションは「スライド」ではなく、2番目のページが表示されます!!

4

1 に答える 1

0

JSfiddleで 2 ページのサンプル アプリを作成しましたが、問題なく動作しました。あなたはそれを自分でチェックすることができます。

を台無しにしたと思いPage IDますContent ID。アンカー タグで指定するタグは、コンテンツ div の ID ではなく、ページの ID である必要があります。

これが作業サンプルです。

<!-- Start of first page -->
<div data-role="page" id="page1">
    <div data-role="header">
            <h1>Page1</h1>

    </div>
    <!-- /header -->
    <div data-role="content">
        <p>I'm first in the source order so I'm shown as the page.</p> <a href="#page2" data-role="button" data-transition="slide">Page2</a>

    </div>
    <!-- /content -->
    <div data-role="footer">
            <h4>Page Footer</h4>

    </div>
    <!-- /footer -->
</div>
<!-- /page -->
<!-- Start of second page -->
<div data-role="page" id="page2">
    <div data-role="header">
            <h1>Page2</h1>

    </div>
    <!-- /header -->
    <div data-role="content">
        <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my id is beeing clicked.</p>  <a href="#page1" data-role="button">Back to Page1</a>

    </div>
    <!-- /content -->
    <div data-role="footer">
            <h4>Page Footer</h4>

    </div>
    <!-- /footer -->
</div>
<!-- /page -->
于 2013-03-20T04:18:33.697 に答える