0

ボタンを作成してdivを切り替える関数があります。

この div を Cookie の値に基づいてオンまたはオフに切り替えたいと思います。これを切り替えるたびに Cookie が更新されます。初期値はクッキーの値です。

Cookie が存在しない場合は、初期値「true」で作成されます。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()methoodを介してCookieにアクセスできます。ライブラリをjQueryとして使用したくない場合は、jqueryを使用して、ここのようにCookieにアクセス/操作できます。コードに基づいて$.cookie('scheduled'、true)のようなものを使用してください

[編集:]SOは私にこの質問を見せませんでした。@Omarによる私の上の答えは正しいです

于 2013-03-11T19:12:57.850 に答える