Wie speichern Sie den Umschaltstatus im lokalen Speicher?

-5

Wie verwende ich Localstorage in diesem Code, um den Umschaltstatus zu speichern?Wie speichern Sie den Umschaltstatus im lokalen Speicher?

<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>

Vielen Dank

Quelle

2017-10-19 zlep

Sie meinen, können versuchen, [Wie Localstorage verwenden] (https://www.google.com/ Suche? q = Wie + + + Localspeicher & oq = Wie + + + Localspeicher & aqs = chrome..69i57j0l5.6199j0j7 & sourceid = chrome & ie = UTF-8)? –

Mein Problem ist, dass ich wirklich nicht verstehe, wie ich localstorage zum Speichern und Abrufen des Status des getoggten div in meiner Funktion verwenden kann. Ich weiß, dass es SetItem und GetItem ist, aber ich weiß nicht, wo ich es genau hinstellen und wie ich den Status abrufen soll. Jede Hilfe wäre willkommen. – zlep

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

Sie so etwas wie

$(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

Quelle

2017-10-19 13:22:57

Vielen Dank. Genau das habe ich gesucht. Jetzt verstehe ich es besser. Danke vielmals. – zlep

Wie speichern Sie den Umschaltstatus im lokalen Speicher?

Antwort

Verwandte Themen