将 Cookie 添加到简单的 jQuery 函数 [重复]

Question

可能重复：
How to set/unset cookie with jQuery?

所以我有这个非常简单的jQuery函数...... 我的问题是，当 DIV 隐藏（即淡出）时，如何添加 cookie？我希望 cookie 在浏览器或窗口关闭之前一直处于活动状态。

简而言之，当“访问者”单击 DIV 上的指定 X（即 .updateCloseBTN 类）时，它将隐藏 DIV。但如果用户刷新或重新访问页面，DIV 将再次显示。如果用户通过下面的函数关闭了 DIV，则无论用户刷新还是重新访问页面，都不应再次加载它。但是，如果用户关闭浏览器窗口或浏览器本身并返回站点，它将出现...

// Update Prompt: Hide on 'X' click 
$('.updateCloseBTN').click(function () {
    $('.upgradeWrap').fadeOut(400);
});

Answer 1

首先，你需要一个这样的插件 :) https://github.com/carhartl/jquery-cookie

一旦你得到插件......

创建你的 cookie 函数

function setsomecookie(){
     $.cookie('the_cookie', 'the_value', { expires: 365 });
}

为fadeOut() 动画使用回调。

$('.updateCloseBTN').click(function () {
    $('.upgradeWrap').fadeOut(400, setsomecookie);
});

这将在fadeOut() 完成后运行“setsomecookie”函数:)