2

ログインページを持つ phonegap アプリケーションを開発したいと思います。ログインが成功すると、ユーザーは #page1 に入力された詳細に基づいて #page1 を表示し、ユーザーは #page2 または #page3 に移動できます。そのようなシナリオをどのように実装できますか? このリンクにも出くわしました。その投稿で「 sage 」が使用する種類のレイアウトを実装している場合、他の.htmlページをアプリケーションに含めるにはどうすればよいですか?

ハイパーリンクのクリックではなく、ユーザー入力に基づいてプログラムで表示/非表示される複数のページを実装する最良の方法は何ですか? それが私の質問です。

4

1 に答える 1

2

Jquery モバイルも同じことを行い、複数ページ遷移で隠された概念を表示します。独自の方法でも実行できます。それがあなたの願いです。

通常は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 イベントを使用して 2 ページ目または 3 ページ目を表示する必要があります。

条件に基づいて、このようにページをロードし、

$.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 に答える