设置cookie以关闭div

时间:2013-06-07 02:44:07

标签: javascript html cookies

最近我们添加了一个栏来警告用户我们的站点用户cookie,其中有一个接受按钮,用于关闭并设置一个cookie,因此它不会显示一段时间,但实际上这实际上并不起作用。

我想知道是否有人可以通过以下代码告诉我可能出现的问题(“接受”按钮是Cookie的操作按钮。):

<div class="pea_cook_wrapper pea_cook_bottomright">
        <p>TEXT <a href="#" id="fom">more information</a> <button id="pea_cook_btn" class="pea_cook_btn" href="#">Accept</button></p>
    </div><div class="pea_cook_more_info_popover">
        <div class="pea_cook_more_info_popover_inner">
         <p>TEXT</a>
            <p><a href="#" id="pea_close">Close</a></p>
        </div>
    </div><script type="text/javascript">
        jQuery(document).ready(function($){
            $("#fom").click(function() {
              $(".pea_cook_more_info_popover").fadeIn("slow");
              $(".pea_cook_wrapper").fadeOut("fast");
            });
            $("#pea_close").click(function() {
              $(".pea_cook_wrapper").fadeIn("fast");
              $(".pea_cook_more_info_popover").fadeOut("slow");
            });
            $('#pea_cook_btn').click(function() {
                var today = new Date();
                var expire = new Date();
                var expireTimer = 7776000;
                document.cookie = "peadigCookie=set;";
            $(".pea_cook_wrapper").fadeOut("fast");
            });
        }); </script>

谢谢,

NG

1 个答案:

答案 0 :(得分:3)

您可以下载jquery cookie plugin,它可以帮助您简化使用,您可以阅读代码中的值并使用您的逻辑更改布局。

$.cookie("example", "foo");//sets cookie
$.cookie("example", "foo", { expires: 7 }); //sets cookiewith expiry time
$.cookie("example") //gets cookie
$.cookie("example", null); //deletesthe cookie