我們怎麼能去到頁面1,2和3

Question

我試圖開發使用JavaScript（PhoneGap的）的移動Web應用程序，問題如下：

我有3個頁面的JavaScript，將動態創建包含在HTML在頁面中， 第一頁包含butoon 1

第二頁包含butoon 2

第三頁包含butoon 3

我們cliqunt上butoon一個我們去第二頁，點擊第三頁上的按鈕2通過。

一開始一切順利，但是如果我回到第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/