Question

我正在使用carhartl / jquery-cookie插件。我正在寻找解决方案如何在我的域中的几个页面中隐藏相同的div。在第一次访问时，div1应显示，div2隐藏在下次访问div2 show和div1 hide。每个页面都应该使用相同的操作。但是我的代码只在第一次访问第一页时工作，如果另一个页面是打开脚本显示div2并隐藏div1 我不熟悉cookie和jquery有人可以帮忙吗？

$(document).ready(function() {
    var visited = $.cookie('visited')
    if (visited == null) {
    $('.div1').show();
    $('.div2').hide();     ``
    } else {
    $('.div1').hide();
    $('.div2').show();
    }
    $.cookie('visited', 'yes_visited', { expires: 1 });
});

Answer 1

如果您想跨多个页面共享Cookie，请尝试

$(document).ready(function () {
    var visited = $.cookie('visited')
    if (visited == null) {
        $('.div1').show();
        $('.div2').hide();
    } else {
        $('.div1').hide();
        $('.div2').show();
    }
    $.cookie('visited', 'yes_visited', {
        expires: 1,
        path: '/'
    });
});

演示：Fiddle，another version

如果访问了页面，则隐藏div

1 个答案: