show element一次使用jquery cookie插件

时间:2013-12-19 15:28:53

标签: jquery

我想使用jquery cookie插件每次访问(会话)只显示一次<div class="cookiediv">,但无法使其工作(它总是显示)。

我的代码:

<div class="cookiediv">
    <p>in cookie div</p>
</div>

$(function () {
     if ($.cookie('the_cookie')) {
         $('.cookiediv').hide();
     } else {
         $('.cookiediv').show();
     }
     $.cookie('the_cookie', 'the_value');
 });

2 个答案:

答案 0 :(得分:2)

For the Naysayer... http://jsfiddle.net/K7su8/

与您的代码相同:

if ($.cookie('the_cookie')) {
    $('.cookiediv').hide();
} else {
    $('.cookiediv').show();
}
$.cookie('the_cookie', 'the_value');

这似乎对我来说很好,这让我有两个想法。检查您的浏览器设置,或确保在运行脚本之前在文档中列出了jQuery.cookie.js库。

答案 1 :(得分:0)

插件文档:https://github.com/carhartl/jquery-cookie

设置:$.cookie("test", 1);

要删除:$.removeCookie("test");

到SetTimeOut:$.cookie("test", 1, { expires : 5 }); // 5天

阅读:var cookieValue = $.cookie("test");

要回答你的问题,我认为这可以解决问题

 if (!$.cookie('the_cookie') == undefined) {
     $('.cookiediv').hide();
 } else {
     $('.cookiediv').show();
 }