Question

我是phonegap的新手。我希望使用phonegap实现pagination功能。我希望保留一个div以上，它应该是页码。点击每个页码，div内容应该改变。

我该如何实现？

Answer 1

您可以使用一些框架，如Jquery mobile。我使用的是Jquery Mobile Multiple Pages

HTML代码

Start of first page

<div data-role="page" id="foo">

<div data-role="header">
    <h1>Foo</h1>
</div><!-- /header -->

<div role="main" class="ui-content">
    <p>View internal page called <a href="#bar">bar</a></p>
</div><!-- /content -->

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

page 1 end
Start of second page

<div data-role="header">
    <h1>Bar</h1>
</div><!-- /header -->

<div role="main" class="ui-content">
    <p><a href="#foo">Back to foo</a></p>
</div><!-- /content -->

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

像这样你可以在一个html中放入许多页面。

请参阅Link

另一个选项从一个页面滑动到另一个页面。对于此，请参考Link

如何在phonegap中实现分页

1 个答案: