jQueryでユーザー選択を保存するlocalstorage

Question

私は自分のサイトにニュースレターにサインアップすることを奨励するバナーを持っています。しかし、それは迷惑なことがあります、それが常にページに表示される場合、ユーザーを苛立たせることができます。

私はバナーに十字を追加して閉じました。私がしたいのは、いったんクローズとして選択され、ローカルストレージの何らかの形式で保存され、それに対してチェックし、ユーザーがそれを閉じたかどうかに応じてバナーを表示/非表示にします。

これが可能ですか、もしそうなら、私はどうやってそれをやりますか？

ありがとうございました

Answer 1

はい、あなたは正しい方法で考えています。ここで

がDEMO

仮定HTMLと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 
})