如何从我网站的任何地方调用jquery-cookie？

Question

我正在尝试在我的网站中创建一个愿望清单系统。当用户单击心脏时，该产品就会添加到愿望清单中。我的问题是，当我从一个页面导航到另一个页面时，cookie变为空。

$(document).ready(function() {
  i = 1;
  if ($.cookie("wishlis") != null && i == 1) {
    var r = JSON.parse($.cookie("wishlis"));
    $(".wishlist").each(function() {

      if (r.indexOf($(this).data('id')) >= 0) {
        $(this).children('i').attr('class', 'fa fa-heart active-wishlist');
        i = 2;
      }
    });
    $('.count').text(r.length);
  }
});
$('.wishlist').on('click', function() {
  if ($.cookie("wishlis") == null) {
    var array = new Array();
    array.push($(this).data("id"));
    $.cookie("wishlis", "{ path: '/' }");
    $.cookie("wishlis", JSON.stringify(array), "{ path: 'http://tunicompare.tn' }");
    $(this).children('i').attr('class', 'fa fa-heart active-wishlist');


    $('.count').text("1");
  } else {
    var r = JSON.parse($.cookie("wishlis"));

    if ($(this).children('i').attr('class').indexOf('active-wishlist') >= 0) {
      $(this).children('i').attr('class', 'fa fa-heart');
      index = r.indexOf($(this).data("id"));

      if (index > -1) {
        r.splice(index, 1);

      }
      $.cookie("wishlis", JSON.stringify(r));
      $('.count').text(r.length);

    } else {
      if (r.indexOf($(this).data("id")) == -1) {
        r.push($(this).data("id"));
        $.cookie("wishlis", JSON.stringify(r));
        $(this).children('i').attr('class', 'fa fa-heart active-wishlist');
        var r = JSON.parse($.cookie("wishlis"));
        $('.count').text(r.length);
      }
    }
  }
});