Question

我正在尝试使用JavaScript（PhoneGap）开发移动Web应用程序，问题如下：

我有3页javascript，会动态创建页面中包含的html，第一页包含butoon 1

第二页包含butoon 2

第三页包含butoon 3

我们在butoon上点击，然后我们转到第二页，点击第三页上的按钮2。

一开始一切顺利，但是如果我回到第1页并且我会转到第二页，程序会直接显示第1页，而不会通过前两页。

我认为因为我应该删除之前的事件，或者缓存你说的话？

第1页

$('#header-left-container').prepend(results.rows.item(i).LibelleTypeTravail +"" +
                "<br>" +
                "<img src='../js/images/add.png' name="+results.rows.item(i).IdTypeTravail+" >" +
                "<textarea rows='6'  cols='60' id='"+results.rows.item(i).IdTypeTravail+"'   name='"+results.rows.item(i).LibelleTypeTravail+"'> </textarea><br><br>" );


 $('img').live('tap',function(e)
         {

     //-------------Pass param with localstorage

         window.localStorage.setItem("id_grp", id_grp_tr);
         window.localStorage.setItem("id_travail", e.target.name);

            $.mobile.changePage('../prestation_html/list_rubrique.html' , {role: 'dialog', transition: 'flip'});
         }
         );

第2页

$('#lbtn').append('<input type="button" value="Consulter" onclick="go()"  id="Consulter">');

function go()
    {

        if(s == 0)
            {
            var sel_id_rub = $('input[name=opt1]:checked').attr('id');//ID of Rubrique

             window.localStorage.setItem("id_rub", sel_id_rub);       //Id Rubrique
        //alert(sel_id_rub);

             liste_Phrase();

            }

第3页

    $('#lbtn').append('<input type="button" value="Ajouter"  id="ajouter">');

$('#ajouter').live('click',function(e)
         {
        // alert( $("label[for='" + ( $('input[name=opt1]:checked').attr('id') ) + "']").text() );
     window.localStorage.setItem("phrase", $("label[for='" + ( $('input[name=opt1]:checked').attr('id') ) + "']").text());       //Id Rubrique

     $.mobile.changePage('../prestation_html/etape'+window.localStorage.getItem("id_grp")+'.html');
         }
         );

Answer 1

简单的方法是使用在现代浏览器中使用HTML5历史/状态的插件：

https://github.com/browserstate/History.js/

我们如何进入第1页，第2页和第3页

1 个答案: