Jquery 公告栏，设置cookie

我的网站顶部有一个酒吧，用来发布公告（比如stackoverflow如何使用新徽章等）。我使用的代码如下

html

这一切都很好，但我希望能够使用jquery cookie插件设置cookie，这样当用户关闭工具栏时，它在x小时/天内不会再次显示。我不知道该怎么做

---

谢谢

假设您想将其隐藏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

一小时），因为这是最常见的……如果您想要不同的过期日期，您也可以自己计算

日期

并直接传递

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

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