Question

所以我有这个功能来关闭消息警报（弹出模型）。这应该是有效的。非常简单的jQuery。但是，我正在尝试添加一个cookie，当用户关闭弹出模型时，如果他们在同一会话中再次访问该页面，则该模型不会再次弹出。我希望cookie在浏览器关闭后过期或删除。但是不能让它工作......我做错了什么？

我正在使用这个脚本： https://github.com/carhartl/jquery-cookie

// Update Prompt: Hide on 'X' click
function setsomecookie(){ // adds cookie 1 day
    $.cookie('message_prompt', 'prompt_closed');
}    
$('.updateCloseBTN').click(function () {
    $('.upgradeWrap').fadeOut(400, setsomecookie);
});

Answer 1

我会从你的.css中设置为{display：none;}的'#message_alert_box'开始

然后，当用户从一个页面转到另一个页面时，您需要验证cookie是否具有特定值

$(document).ready( function(){

    if($.cookie('message_prompt') != 'prompt_closed') {

        $('#message_alert_box').show(); // If the cookie isn't set to 'prompt_close' , then show the alert box

    }

});

Answer 2

确保您的文档包含在document.ready()功能中。

$(document).ready(
   //all body code within here. 
});

我的jQuery Cookie不能在DIV上工作隐藏

2 个答案: