Question

我想创建一个在提交时设置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>

目前它不起作用，所以任何帮助都会非常感激。

Answer 1

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

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

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

使用Cookie隐藏节目内容

1 个答案: