如何在導航離開後再保持頁面狀態？

我已經創建了一個按鈕，可以擴展閱讀更多部分。這工作正常。如何在導航離開後再保持頁面狀態？

// CODE TO EXTEND READ MORE SECTION 
$("#readMoreDiary").on("click", function(){ 

    $("#diary-content").addClass("showTextThree"); 
    $("#readMoreDiary").addClass("hide"); 
    $("#closeDiary").removeClass("hideExitDiary"); 

    $(".showTextThree").addClass("animated fadeIn"); 
    $(".showTextThree").one("animationend",function(){ 

     $(this).removeClass("animated fadeIn"); 
    }); 
});

雖然未來從使page2.php索引頁回來，我想這「瞭解更多」部分保持開放。（使page2.php將從訪問更多節。）

所以，如果有人看在擴展閱讀更多部分點擊一個鏈接，第2頁，然後回到過去，我想回去指數頁面，但與閱讀更多部分擴展。

我該如何解決這個問題？

來源

2016-02-17 Zachary

硬盤使用jQuery的localStorage的API來弄明白你是問什麼，該代碼被用在 – charlietfl

我對不起，我真的不明白你想要什麼。請準確描述你想要發生的事情（在編輯你的答案時），不要在你的鏈接網站上引用任何東西。一般來說，使用自己的網站作爲參考是不好的，因爲它可能會或可能不會在發佈的問題的整個生命週期中生存。 – thedarklord47

一個可能的解決方案，因爲它似乎你需要維護狀態。使用本地存儲，在從家到第2頁過渡時設置標誌，在從第2頁過渡回到主頁時，取消設置標誌。檢查標誌，並顯示「加長版」

<script type="text/javascript"> 
$(document).ready(function(){ 
    var ls = $.localStorage; 
    var flag = ls.get("flag_show"); 

    if(flag != null && flag == true) { 
     $("#diary-content").addClass("showTextThree"); 
     $("#readMoreDiary").addClass("hide"); 
     $("#closeDiary").removeClass("hideExitDiary"); 

     // UNSET THE FLAG IF YOU DON'T NEED TO MAINTAIN STATES 
     ls.remove("flag_show"); 
    } 

    $("#readMoreDiary").on("click", function(){ 
     // your code here 
     // SET THE FLAG IN LOCALSTORAGE 
     ls.set("flag_show", true); 
    }); 
}); 


</script>

從here

來源

2016-02-17 02:53:23 anurag

你好，對不起，這可能是一個愚蠢的問題，但我如何將這個API連接到我的項目？我是否像樣式表中鏈接它？謝謝！ – Zachary

如何在導航離開後再保持頁面狀態？

回答

相關問題