获取 cookie，添加新值并使用 jquery 和 json 值再次设置它

Question

我尝试列出一份最喜欢的产品清单。每个产品都有自己的 ID，它是 var ProductID，并且可以在任何页面上访问。我想要达到的目标是在 cookie 中包含一个 json 值。添加新产品后，获取cookie值，添加新的productID，并使用添加的值再次设置cookie

{"0": "11","1": "17","2":"7"}

$.fn.memoProducts = function(options){

   options= $.extend({
      cookie_name: "memoProducts",
      cookie_path: "/",
      cookie_expires: 3,
    }, options);

function setCookie() {
    var cookieValues = getCookie();
    var cookie_value_add = [];
    cookie_value_add = cookieValues ? $.parseJSON(cookieValues): [];
    cookie_value_add.push(productID);
    cookie_value = JSON.stringify(cookie_value_add);
    var date = new Date;
    date.setTime(date.getTime()+(options.cookie_expires*24*60*60*1000));
    document.cookie = options.cookie_name+"="+cookie_value+"path="+options.cookie_path+";expires="+date.toGMTString();
 }

function getCookie() {
  if (document.cookie) {
     var values = document.cookie.split(options.cookie_name+"=")[1];
     if (values) {
        return values.split(";")[0];
     }
  }
  return false;
 }

$(this).click(function(e){
    setCookie();
});
}

$(function() {
    $("a.bookmark").memoProducts();
})

我不知道如何让它发挥作用。第一个错误是：cookie_value_add 为空。仅使用此设置 cookie：

cookie_value = productID;

工作正常，但总是覆盖之前设置的值。也许有人有一个想法......