如何使用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与==进行比较，但由于得到相同的结果而无法正常工作，我在做错什么吗？ 我用相同的代码制作了这个小提琴，只是为了玩它。 有谁能提供帮助或告诉我们哪里出了问题？

作为一个附加的问题/疑问，如果我将cookie设置为click事件，然后在向导尚未将表单发送到任何地方的步骤之间移动，它将被设置，直到我离开此页面或直到用户清除为止是饼干吧？

Answer 1

您不能使用布尔值。 使用字符串代替：

$(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");
});

}）;