如何在本地存储中保存切换状态?
问题描述:
我将如何在此代码中使用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>
非常感谢您
答
你可以尝试像
$(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)
});
});
+0
非常感谢。这正是我所期待的。现在我对它有了更好的了解。非常感谢。 – 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