0

私はphonegapを使ってAndroidモバイルアプリを開発しています。メインメニューには4つの画像があり、画像をクリックすると、ユーザーを別のページにリダイレクトします。私が欲しいのは、ユーザーがアプリを開いたときに最初に選択したものをアプリに記憶させることです。したがって、ユーザーが2回目にアプリをランチするとき、アプリはユーザーが最初に選択したページに直接開く必要があります。

アプリの2回目のランチでスキップしたい最初のページは、次のようになります。 

 <!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="res/jquery.js"></script>
<script>
$(document).ready(function() {
  $("img.imgnavbar").animate({
    opacity: 1.0,
  }, 800 );
});
</script>
<style type="text/css">
      body{background-color:black; background-repeat:no-repeat; position:absolute;}
                  img.imgnavbar{height:auto; width:48%;   opacity: 0.0;}
      .menu{padding-top:55%;}  
                  img.shadow{height:auto; width:100%; bottom:0px; position:fixed; left:0%; z-index:-1;}
                  img.choose{height:auto; width:100%; top:0px; position:absolute; z-index:-1;}

                </style>
</head>
<body>
<div  align="center" class="menu">
<img  src='img/cosmote4.png' id="cosmote"  class="imgnavbar" value="1"/>
<img  src='img/germanos2.png' id="germanos" class="imgnavbar" value="2"/>
<img  src='img/zapp2.png' id="zapp"  class="imgnavbar" value="3"/>
<img  src='img/sunlight4.png' id="sunlight" class="imgnavbar" value="4"/>
</div>
<img  src='img/choose.png' id="choose" class="choose"/>
<img  src='img/shadow.png' id="shadow" class="shadow"/>


<script>
$("img.imgnavbar").click(function(){
                if (confirm('Are you sure you choose this company?')) {
                $("img.imgnavbar").animate({
    opacity: 0.0,
  }, 800 );

  switch ($(this).attr('src')) { 

        case "img/cosmote4.png":
            $("img.choose").animate({"top": "-=60%"}, "slow");
                                $("img.shadow").animate({"bottom": "-=100%"}, "slow");
                                                setInterval(function(){window.location.replace("cosmote.html");
},800);
            break; 

        case "img/germanos2.png":
            $("img.choose").animate({"top": "-=60%"}, "slow");
                                $("img.shadow").animate({"bottom": "-=100%"}, "slow");
                                                setInterval(function(){window.location.replace("germanos.html");
},800);
            break; 

        case "img/zapp2.png":
            $("img.choose").animate({"top": "-=60%"}, "slow");
                                $("img.shadow").animate({"bottom": "-=100%"}, "slow");
                                                setInterval(function(){window.location.replace("zapp.html");
},800);
            break;

        case "img/sunlight4.png":
            $("img.choose").animate({"top": "-=60%"}, "slow");
                                $("img.shadow").animate({"bottom": "-=100%"}, "slow");
                                                setInterval(function(){window.location.replace("sunlight.html");
},800);
            break; 
    }
}
else{}
});
</script>



</body>

</html>

Thanks!
4

1 に答える 1

1

PGのローカルストレージを使用して設定を保存できます。

http://docs.phonegap.com/en/2.2.0/cordova_storage_storage.md.html#localStorage

したがって、選択したページをロードするときに、情報をローカルストレージに保存します。メインページをロードするときに、ローカルストレージに対してjavascriptチェックを実行して、このキーの既存の値があるかどうかを確認します。存在する場合は、それに応じてリダイレクトします。存在しない場合は、最初の起動です。何もしない。

于 2012-11-13T23:27:09.140 に答える