将Cookie添加到简单的jQuery函数

时间:2012-11-10 02:00:24

标签: jquery

  

可能重复:
  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);
});

1 个答案:

答案 0 :(得分:3)

首先,你需要一个像这样的插件:) 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'函数:)