重构用于Cookie接受消息的Jquery

时间:2013-07-16 09:32:00

标签: jquery jquery-plugins

我正在使用jquery.cookie.js,我想分享我的代码,所以如果人们对如何使其更简洁 - 更好的做法等有评论?我可以学习。

功能是显示一条消息,建议访问者使用带有“确定”按钮的cookie来隐藏消息。单击“确定”将设置一个cookie,以便在用户出现时不再提示用户。

.cc-cookie-accept是“确定”(接受)锚点按钮的类 #cookie_loc是包含整个cookie消息的DIV的ID。

function hideCookieMsg(){
    $('#cookie_loc').hide();
};

function setCookie(){
    $.cookie("accept-cookies", "true", { expires: 365 });
};

function checkCookie(){
    if ($.cookie("accept-cookies")){
        return true;
    }
};

$(document).ready(function() {
    if (checkCookie()){
        hideCookieMsg();
    }
});

$('.cc-cookie-accept').click(function() {
    hideCookieMsg();
    setCookie();
});

1 个答案:

答案 0 :(得分:0)

最后到此为止,随时添加评论。

$(document).ready(function() {
       cookieMsgVisibility(!$.cookie("accept-cookies"));
});

function cookieMsgVisibility(doShow){
       $('#cookie_loc').toggle(doShow);
       if (doShow) {
            $('.cc-cookie-accept').click(function() {
            $.cookie("accept-cookies", "true", {
                  expires : 365
           });
           cookieMsgVisibility(false);
        });
       }
}