phonegap + framework7如何编程设置起始页面?

时间:2018-02-15 20:19:28

标签: mobile phonegap html-framework-7

我有一个应用程序,在开始时让你选择 - 如果你是贡献者或用户。之后我想要总是为贡献者或用户加载起始页面。我知道你可以设置<content src="index.html" />在开始时做一次,但我怎么能动态地做呢?

2 个答案:

答案 0 :(得分:3)

您必须使用

  

localStorage的

如果用户在首次启动后选择贡献者或用户按钮,则保存数据。 简单使用jQuery脚本:

<script>
    $("#contributor").click( function()
       {
       //alert('button clicked');
       localStorage.setItem("contributor", "contributor");
       }
    );
</script>

并为用户调用相同的脚本:

<script>
    $("#user").click( function()
       {
       //alert('button clicked');
       localStorage.setItem("user", "user");
       }
    );
</script>

因此,在下一个html页面控件上,如果用户之前按下了#34; user&#34;或者&#34;贡献者&#34;。

    $(document).ready(function() {

       if (localStorage.getItem("user") === null) {
           //user is null
       } else {
           document.location.href = "userIndex.html"
       }
       if (localStorage.getItem("contributor") === null) {
           //contributor is null
       } else {
           document.location.href = "contributorIndex.html"
       }
});
祝你好运!

答案 1 :(得分:3)

@proofzy回答是对的,但你仍然可以只使用DOM7代替Jquery

在JS文件中:

//to save data if user pick contributor or user button after first start.
    $$("#contributor").on('click', function(){
          localStorage.setItem("whois", "contributor");
       });

//And call this same script but for user:
    $$("#user").on('click', function(){
          localStorage.setItem("whois", "user");
       });

//So call this function on the end of page index.html and it will redirect programmatically


function check(){

   if (localStorage.getItem("whois") !== null) { //if whois exists on localStorage
       if (localStorage.getItem("whois") == "user"){ // if is USER send to User Page
            window.location.href = "userIndex.html"
       }else if (localStorage.getItem("whois") == "contributor"){ // if is USER send to contributor Page
            window.location.href = "contributorIndex.html"
       }
   }
}

还有很多其他方法可以做到,甚至更好,但这个方法最简单。