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

使用jQuery localStorage存储用户选择

1 个答案: