0

使用（jquery mobile 1.3.0 和 phonegap 2.3）页面转换不起作用我正在使用 jquery mobile 1.3 和 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 构建它之后，它会转到第二页，但过渡不是“幻灯片”，它只是闪烁然后第二页显示！

4

1 回答 1

0

我在JSfiddle中做了一个有 2 页的示例应用程序，它可以正常工作。你可以自己检查一下。

我想你搞砸Page ID了Content ID。您在锚标签中给出的标签应该是页面的 ID 而不是内容 div 的 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 回答