android phonegap在第二次启动时跳过主页面

时间:2012-11-13 22:09:57

标签: javascript android cordova

我正在开发一个带有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!

1 个答案:

答案 0 :(得分:1)

您可以使用PG中的本地存储来保存首选项。

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

因此,在加载所选页面时,将信息保存到本地存储中。 当加载主页面时,对本地存储执行javascript检查以检查该密钥是否存在,如果存在,则相应地重定向,否则它是第一次启动;什么都不做。