使用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 
})