2

我想开发一个具有登录页面的 phonegap 应用程序，如果登录成功，用户可以看到#page1，根据在#page1 上输入的详细信息，用户可以转到#page2 或#page3。我怎样才能实现这样的场景？我也遇到了这个链接，如果我正在实现' sage '在那篇文章中使用的那种布局，我如何让我的 other.html 页面包含在我的应用程序中？

实现基于用户输入以编程方式显示/隐藏而不是单击超链接的多个页面的最佳方法是什么？那是我的问题。

4

1 回答 1

2

Jquery mobile 在多页转换中也做同样的事情显示隐藏的概念。你也可以用你自己的方式来做。那是你的愿望。

通常页面转换可以通过下面的例子在jquery mobile phonegap中完成，

<html>
<head>
<!-- HERE YOU CAN ADD ALL YOUR INCLUDES -->
<head>
<body>

<!-- This page will show first -->
<div data-role="page" id="index">

    <div data-role="header" data-position="inline" id="indexheader" >
        <h1>Page 1 Heading</h1>
    </div><!-- /header -->

    <div data-role="content">
        <h3>page Content</h3>
    </div><!-- /content -->

    <div data-role="footer"  data-position="fixed">
    <h3>Footer Text</h3>
    </div><!-- /footer -->

<!-- SECOND PAGE -->
<div data-role="page" id="pagetwo">

    <div data-role="header" data-position="inline" id="page2header" >
        <h1>Page 2 Heading</h1>
    </div><!-- /header -->

    <div data-role="content">
        <h3>page Content</h3>
    </div><!-- /content -->

    <div data-role="footer"  data-position="fixed">
    <h3>Footer Text</h3>
    </div>

<!-- THRIRD PAGE -->
<div data-role="page" id="pagethree">

    <div data-role="header" data-position="inline" id="page3header" >
        <h1>Page 3 Heading</h1>
    </div><!-- /header -->

    <div data-role="content">
        <h3>page Content</h3>
    </div><!-- /content -->

    <div data-role="footer"  data-position="fixed">
    <h3>Footer Text</h3>
    </div>
</div>
</body>
</html>

您必须使用 javascript 事件显示第二或第三页。

根据条件，像这样加载您的页面，

$.mobile.changePage($('#pagetwo')); /*page navigation the particular where data shown*/
$("#index").trigger("pagecreate"); /*This is like a page refresh in jquery*/
于 2012-09-14T05:19:47.153 回答