保存狀態頁面刷新列表

我有一個用於下拉列表UL的腳本（JQuery）。如何記住cookie中列表的狀態並保存頁面刷新時的列表狀態？任何幫助非常感謝！保存狀態頁面刷新列表

實例上的jsfiddle：下面https://jsfiddle.net/77y7sqwr/

代碼：

$(document).ready(function() { 
    $(".ul-dropfree").find("li:has(ul:has(li))").prepend('<div class="drop"></div>'); 
    $(".ul-dropfree div.drop").click(function() { 
     if ($(this).nextAll("ul").css('display') == 'none') { 
      $(this).nextAll("ul").slideDown(400); 
      $(this).css({ 
       'background-position': "-22px 0" 
      }); 
     } 
     else { 
      $(this).nextAll("ul").slideUp(400); 
      $(this).css({ 
       'background-position': "0 0" 
      }); 
     } 
    }); 
    $(".ul-dropfree").find("ul").slideUp(400).parents("li").children("div.drop").css({ 
     'background-position': "0 0" 
    }); 
});

來源

2015-11-23 ArtemDoom

HABE？ – madalinivascu

@madalinivascu但我不明白如何適用於這個問題 – ArtemDoom

那麼你可以使用** [應用程序緩存]（http://www.html5rocks.com/en/tutorials/appcache/beginner/）** –

如果你想要做這樣的事情在JavaScript，那麼你可以去localStorage的餅乾。 localStorage爲您提供了靈活性來存儲值並在頁面刷新後訪問該值。

使用如下：保存值從localStorage的localStorage的

localStorage.setItem("key", "value");

獲得價值你閱讀的JavaScript餅乾

var value = localStorage.getItem("key");

來源

2015-11-23 10:19:49

保存狀態頁面刷新列表

回答

相關問題