Question

我有一个非常基本的脚本来关闭div，现在我想保持关闭，我知道我可以用jQuery Cookie（我已经上传到我的网站）实现这一点但是这是我的jQuery编码中的一点点技巧和我已经搜索了几个网站，但相比我想要实现的示例都非常复杂，用户点击关闭按钮一次，它不会返回刷新或重新访问24小时。

<script type='text/javascript' src="files/scripts/jquery.cookie.js"></script>
<script>
$(document).on('click','.close_box',function(){
$(this).parent().fadeTo(300,0,function(){
      $(this).remove();
});
});
</script>

HTML

<div class="warning">Warning message. <div class="close_box">CLOSE</div></div>

Answer 1

首先，您需要检查是否已在domready上设置Cookie并删除.warning div。在点击功能中，您需要设置cookie。如果您希望通过浏览器会话删除cookie或保留较长时间，也可以指定选项（选项在此处）。

$(function () {
    if ($.cookie('myCookieName')) {
        $('.warning').remove()
    }
});
$(document).on('click','.close_box',function(){
    $(this).parent().fadeTo(300,0,function(){
        $(this).remove();
    });
    $.cookie('myCookieName', '1', {(options goes here)})
});

Answer 2

根据他们的文档，您可以在用户关闭框时设置cookie：

$.cookie('dismissMessages', true, { expires: 1 });

然后当用户再次加载网站时（on document ready）检查cookie：

if( $.cookie('dismissMessages') ){并隐藏框

使用jQuery Cookie保持div隐藏

2 个答案: