如何在本地存储中保存切换状态？

-5

我将如何在此代码中使用localstorage来保存切换状态？如何在本地存储中保存切换状态？

<html> 
<head> 
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $(".price-box").fadeToggle(500,"swing"); 
    }); 
}); 
</script> 
</head> 
<body> 

<div class="price-box">Show/hide this div</div> 

<button>Toggle between hide() and show()</button> 

</body> 
</html>

非常感谢您

来源

2017-10-19 zlep

你的意思是[如何使用localStorage的（https://www.google.com/搜索？q = how + to + use + localstorage＆oq = how + to + use + localstorage＆aqs = chrome..69i57j0l5.6199j0j7＆sourceid = chrome＆ie = UTF-8）？ –

我的问题是我真的不明白如何使用localstorage保存和检索我的函数内切换div的状态。我知道它是setItem和getItem，但我不知道该把它放在哪里以及如何检索状态。任何帮助，将不胜感激。 – zlep

起点https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage – tonoslfx

你可以尝试像

$(document).ready(function() { 
    if (window.localStorage.getItem("price-box") != null) { 
    var pb = window.localStorage.getItem("price-box"); 
    if (pb == "true") { 
     $(".price-box").hide(); 
    } 
    } 

    $("button").click(function() { 
    var v = $(".price-box").is(":visible") 
    $(".price-box").fadeToggle(500, "swing"); 
    window.localStorage.setItem("price-box", v) 
    }); 
});

Demo

来源

2017-10-19 13:22:57

非常感谢。这正是我所期待的。现在我对它有了更好的了解。非常感谢。 – zlep

如何在本地存储中保存切换状态？

回答

相关问题