使用 Cookie 隐藏节目内容答案

【问题标题】：Hide show content with Cookies使用 Cookie 隐藏节目内容
【发布时间】：2014-04-28 12:06:04
【问题描述】：

我想创建一个表单，在提交时设置 Cookie，然后根据 cookie 的存在隐藏或显示后续页面上的内容。

我已经在表单上使用了 jquery.cookie.js 和这段代码：

    $(document).ready(function () {
        $(".button").on('click',function() {
            $.cookie('showcontent', true, { expires: 7 });
          });
    });

以及后续页面上的这段代码：

CSS

    .contentA {
    display: none;}

Javascript

if (!$.cookie('showcontent')) {
    $( ".contentA" ).show();
    $( ".contentB" ).hide();
}

HTML

<div class="contentA">  
    <h1>Content A</h1>
</div>

<div class="contentB">  
    <h1>Content B</h1>
</div>

目前它不起作用，因此非常感谢任何帮助。

【问题讨论】：

你是否为你的 if 做了相反的事情？您将其设置为 true，然后执行 if on not true
你是在 cookie 之前加载 jquery 吗？

标签： javascript jquery cookies

【解决方案1】：

如果您查看this sample，它应该可以正常工作，但由于它是一个cookie，cookies are text 存储在用户浏览器中，所以应该是这样的：

if ($.cookie('showcontent') == 'true')

并确保在添加 cookie 库之前加载 jquery

【讨论】：

非常感谢，这和上面的评论起到了作用，即。添加'如果不是真的'