javascript - 用于 jquery 动画的 jquery cookie

Question

好的，这是我到目前为止的代码

$(window).load(function() { 

        $("#notify").animate({top: 0}, 200, null);
        //for css positioning prblem
        $("#notify").css("position", "relative");

}); // end window load 

$(document).ready(function(){

    //Hide notify bar
    $('.notify-close').click(function(){
        $("#notify").slideToggle({top: -100}, 300, function() {
            $("#notify").css("position", "absolute");
        });
    });
});

我怎样才能做到这一点，以便当用户单击带有类的按钮时.notify-close，下一个时间限制通知栏不会显示。

Answer 1

这对你有用，

$(window).load(function() { 
        if($.cookie("mynotifycookie")=="read") {
            $("#notify").animate({top: 0}, 200, null);
            //for css positioning prblem
            $("#notify").css("position", "relative");
        }
        else {
            $("#notify").css("display", "none");                
        }

}); // end window load 

$(document).ready(function(){

    //Hide notify bar
    $('.notify-close').click(function(){
        $.cookie("mynotifycookie", "read", , { expires: 9999 });
        $("#notify").slideToggle({top: -100}, 300, function() {
            $("#notify").css("position", "absolute");
        });
    });
});