javascript - 我的 jQuery Cookie 在 DIV 上不起作用

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 中的“#message_alert_box”设置为 {display:none;} 开始

然后，当用户从一个页面转到另一个页面时，您需要验证 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. 
});