javascript - 如何使用 jQuery Cookie 插件设置/读取 cookie 的值

Question

我正在尝试使用 jQuery Cookie 插件设置 cookie 的值，但无法正常工作，因为代码始终显示“Cookie 未设置”警报。我正在使用最新的 jQuery Cookie 版本以及 jQuery 2.1.1。我就是这样做的:

// HTML
<button id="btnSetCookie">Set</button>
<button id="btnUnSetCookie">Unset</button>
<button id="btnShow">Show cookie status/val</button>

// jQuery
$(document).ready(function() {
    $("#btnSetCookie").on('click', function(){
        $.cookie('cookieVal', true);
    });

    $("#btnUnSetCookie").on('click', function(){
        $.cookie('cookieVal', false);
    });

    $("#btnShow").on('click', function(){
        var cook = $.cookie('cookieVal');

        if (cook === true)
            alert("Cookie TRUE");
        else if (cook === false)
            alert("Cookie FALSE");
        else
            alert("Cookie not set");
    });
});

我也尝试过仅将 cook 与 == 进行比较，但由于得到相同的结果而不起作用，我做错了什么吗？我做了this摆弄相同的代码只是为了玩它。任何人都可以提供一些帮助或告诉那里可能出了什么问题吗？

作为一个额外的问题/疑问，如果我在单击事件上设置 cookie，然后在表单尚未发送到任何地方的向导上的步骤之间移动，则它将被设置，直到我离开此页面或直到用户清理它的cookie，对吗？

Answer 1

您不能使用 bool 值。使用字符串代替:

$(document).ready(function() {
$("#btnSetCookie").on('click', function(){
    $.cookie('cookieVal', "true");
});

$("#btnUnSetCookie").on('click', function(){
    $.cookie('cookieVal', "false");
});

$("#btnShow").on('click', function(){
    var cook = $.cookie('cookieVal');

    if (cook === "true")
        alert("Cookie TRUE");
    else if (cook === "false")
        alert("Cookie FALSE");
    else
        alert("Cookie not set");
});

});