公告栏,设置一个cookie

Question

我在我的网站顶部有一个栏来宣布公告(比如stackoverflow如何用新徽章等).我正在使用的代码如下

HTML

<div id="announcement_popup" title="Special Announcement" style="display:none;">
    <h3>Announcement</h3>
    <a href="#" id="closeit">Close</a>
</div>

jQuery的

$("#announcement_popup").fadeIn("slow");
$("a#closeit").click(function() {
    $("#announcement_popup").fadeOut("slow");
    return false;
});

一切正常但我希望能够使用jquery cookie插件设置cookie,因此当用户关闭栏时,它将不再显示x小时/天.我很难过如何做到这一点.

谢谢

Answer 1

假设你想隐藏它7天,它看起来像这样:

if(!$.cookie('hideTopBar')) $("#announcement_popup").fadeIn("slow");
$("a#closeit").click(function() {
    $.cookie('hideTopBar', 'true', { expires: 7 });
    $("#announcement_popup").fadeOut("slow");
    return false;
});

在这里,我们检查cookie是否最初设置为任何非空字符串,如果是,则根本不淡化该条.在点击处理程序中,我们将相同的'hideTopBar'cookie 设置为任何非空的strying,'true'也可以是其他任何东西......并使用该expires选项7天.

expires需要花费很多天(它可能是一小部分!,例如1/24一小时)因为这是最常见的...如果你想要一个不同的到期日期,你也可以Date自己计算并直接传递.