仅在单击时设置 cookie 并隐藏消息

Question

我正在尝试在页面上设置 cookie 消息。我想要的是当cookie不存在时，显示消息。当用户点击“我接受”按钮时，cookie 被设置。并且当用户返回页面/网站时不再显示该消息。

但它现在所做的是在用户访问 we 页面时立即设置 cookie。

$(document).ready(function() {


    var visit=GetCookie("AMIR86");
    if (visit==null){
        cookiebar();
    }
    var expire=new Date();
    expire=new Date(expire.getTime()+7776000000);
    document.cookie="AMIR86=here; expires="+expire;


    $('#close-cookies').click(function(){ 
        $('#cookiebar').addClass('close-cookies');
    });

});

function GetCookie(name) {
    var arg=name+"=";
    var arglen=arg.length;
    var dclen=document.cookie.length;
    var i=0;

    while (i<dclen) {
        var j=i+arglen;
            if (document.cookie.substring(i,j)==arg)
                return "here";
                i=document.cookie.indexOf(" ",i)+1;
            if (i==0) 
                break;
    }
    return null;
}

function cookiebar() {
    $('#cookiebar').addClass('display');
}

还有我的工作 jsfiddle：http://goo.gl/61aLuS

Answer 1

这段代码设置了 cookie。为了可读性和简洁的编码实践，请将其移至自己的函数中。

function setAgreeCookie() {
    var expire=new Date();
    expire=new Date(expire.getTime()+7776000000);
    document.cookie="AMIR86=here; expires="+expire;
}

然后，在您的“我同意”按钮上设置一个 click 处理程序来设置 cookie。

$('#close-cookies').click(function(){ 
    setAgreeCookie();
    $('#cookiebar').addClass('close-cookies');
});