0

我有一个创建按钮和切换 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 并获得它的值？

谢谢

4

2 回答 2

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();
    })
}
于 2013-03-11T18:45:57.550 回答
0

可以通过 JS 原生的 document.cookie() 方法访问 Cookie，如果您不希望将库用作 jQuery 或者使用 jquery，则可以访问/操作 cookie，如下所示。请根据您的代码使用类似 $.cookie('scheduled', true) 的东西

[编辑：] 所以没有给我看这个问题。由@Omar回答并在我上方回答是正确的

于 2013-03-11T19:12:57.850 回答