javascript - jquery cookie插件的问题

Question

我有这个

<button class="create">create</button>
<button class="check">check</button>

和

$(document).ready(function() {
   $("#set_state").change(function() {
       var theState = $(this).val();
       $.cookie('set_state', theState, {
           expires: 5,
           path: '/'
       });
  });
  $(".check").click(function() {
      alert("Your Selected Value from Cookie is : " + $.cookie('set_state'));
  });
  $(".delete").click(function() {
       $.cookie('set_state', '', {
        expires: -1
       });
       $("#set_state").val("");
       alert('Cookie is deleted now, try to get cookie..!');
   });
});

我从另一个线程得到的。我对此很陌生，我无法弄清楚为什么我的警报显示为“您从 Cookie 中选择的值是：未定义”。我错过了什么？

Answer 1

在设置任何值之前，您首先需要创建 cookie。

$(document).ready(function() {
    var $set_state = $.cookie('set_state');
    ... etc

那么您可以使用 var 名称来引用 cookie

alert("Your Selected Value from Cookie is : " + $set_state );

请注意，cookie 的值将保留null在同一个会话中，直到下一个页面刷新。

见JSFIDDLE

单击创建并检查，它将返回null。然后刷新页面，检查会返回cookie的值。