0

我正在开发一个带有 phonegap 的 android 移动应用程序。在主菜单上，我有 4 张图片，当点击一张图片时，它会将用户重定向到另一个页面。我想要的是应用程序记住用户第一次打开应用程序时选择的内容，所以当他第二次使用应用程序时，应用程序应该直接打开到他第一次选择的页面。

我想在应用程序的第二次午餐时跳过的第一页如下所示： 

 <!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 回答