Question

我有一个创建按钮并切换div的功能。

我希望根据cookie值来打开或关闭此div。每次切换时都会更新cookie。初始值是cookie值。

如果没有cookie，则创建一个初始值为“true”的cookie。 cookie is_side_toggled是一个布尔值。

function addRightButton() {

    $('.fc-header-right').html
        ('<a class="btn btn-small btn-unscheduled">>></a>');

    if ($('#cal-side').is(":visible")) {
        $('.btn-unscheduled').html('>>');
    }
    else {
        $('.btn-unscheduled').html('<<');
    }

    $('.btn-unscheduled').on('click', function () {

        $('#cal-side').toggle();
        if ($('#cal-side').is(":visible")) {
            $('.btn-unscheduled').html('>>');
        }
        else {
            $('.btn-unscheduled').html('<<');
        }
        resizeCalendar();
    })
}

我如何添加bool cookie并获取其值？

由于

Answer 1

你可以在https://github.com/carhartl/jquery-cookie使用jquery cookie插件并做一些类似的事情：

function addRightButton() {

    if($.cookie('scheduled') == '0'){
        $('.fc-header-right').html('<a class="btn btn-small btn-unscheduled"><<</a>');
        $('#cal-side').hide();
    }
    else
        $('.fc-header-right').html('<a class="btn btn-small btn-unscheduled">>></a>');

    if ($('#cal-side').is(":visible")) {
        $('.btn-unscheduled').html('>>');
    }
    else {
        $('.btn-unscheduled').html('<<');
    }

    $('.btn-unscheduled').on('click', function () {

        $('#cal-side').toggle();
        if ($('#cal-side').is(":visible")) {
            $('.btn-unscheduled').html('>>');
            $.cookie('scheduled','1');
        }
        else {
            $('.btn-unscheduled').html('<<');
            $.cookie('scheduled','0');
        }
        resizeCalendar();
    })
}

Answer 2

可以通过document.cookie（）方法访问Cookie，如果你不喜欢;我希望使用jQuery作为jQuery使用库，可以像here一样访问/操作cookie。请根据您的代码

使用$ .cookie（'scheduled'，true）之类的内容

[编辑：]所以没有告诉我这个问题。 @Omar回答并在我上面回答是正确的

在JS中存储cookie中的值？

2 个答案: