javascript - 如何正确设置/读取 js-cookie 库中的 cookie？

Question

我最近才开始尝试使用 cookie 库 js-cookie：

在这里找到：https ://github.com/js-cookie/js-cookie

我似乎无法确定我的 cookie 是否被正确设置或读取。主要目标是读取复选框是否被选中，创建一个 cookie 并在另一个页面上使用它来更改一些元素。

以下是我尝试设置 cookie 的方式：

$('#food').click(function() {
   if ($(this).is(':checked')){
      Cookies.set('food', 'true');
   }
   else{
      Cookies.remove('food');
   }
});

它正确读取了单击时选中的复选框，所以我知道它至少达到了 cookie 集。

读取 cookie 值：

if(Cookies.get('food') === 'true'){
   $('#food').css("color", "#198a80");
}

我按照存储库页面上的文档进行设置，它看起来是正确的。我假设读取 cookie 只是将值部分作为普通变量传递，它可以像正常一样进行比较，但代码什么也没做，所以我猜问题出在设置或读取 cookie 上。