Speichern Sie die Benutzerauswahl mit jQuery localStorage

Question

Ich habe ein klebriges Banner auf meiner Website, das Benutzer dazu ermutigt, sich für einen Newsletter anzumelden. Aber es kann nervig sein, wenn es ständig auf einer Seite erscheint, könnte der Benutzer frustrieren.

Also, ich habe ein Kreuz zum Banner hinzugefügt, um es zu schließen. Was ich tun möchte, ist, wenn es als geschlossen ausgewählt wurde, es in irgendeiner Form von lokalem Speicher speichern, dagegen prüfen und das Banner anzeigen/ausblenden, abhängig davon, ob der Benutzer es geschlossen hat oder nicht.

Ist das möglich, wenn ja, wie würde ich es tun?

Dank

Answer 1

Ja, es ist möglich, und Sie richtig denken. Hier

ist die DEMO

Annahme HTML und JS

---

HTML

<div class="sticky"> 
Do not show on close 
</div> 
<button class="close"> 
Close sticky 
</button> 

JS

$(document).ready(function(){ 
    var localStor=localStorage.getItem("stickyClosed"); //get the localstorage value 
    if(localStor=="true") //check if its true 
     $('.sticky').hide(); //hide or remove the sticky element 
}) 

$('.close').on('click',function(){ 
    $('.sticky').remove(); //remove on click of close 
    localStorage.setItem('stickyClosed','true') //set localstorage value 
})