使用jQuery cookie保留一个div隐藏

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

首先您需要检查cookie是否已在domready上设置并删除 .warningdiv。在单击功能中，您需要设置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') ){并隐藏框