jQuery Cookie path

Question

I use the jQuery cookie plugin for storing cookies, with the following code I can save a Cookie for 7 days, but it only saves it for the page its created on. I want the cookie to be available for the whole website.

$.cookie('basket',basket,{ expires: 7 }); 

I tried to set a path, but that didn't seem to work

$.cookie('basket',basket,{ expires: 7, path:'/' }); 

full code: this works fine, but it only saves the cookie for the current page

function add_to_basket(id,title){ if($.cookie('basket')){     basket=$.cookie('basket');      var basket_array = basket.split(',');      var index = jQuery.inArray(id,basket_array);     if(index > -1){         return false;     }else{         basket+=','+id;         $.cookie('basket',basket,{ expires: 7 });     } }else{      basket=id;     console.log(basket);     $.cookie('basket',basket,{ expires: 7 });  } 

Answer 1

I just had the same problem. I fixed it by always specifying the path when writing the cookie.

$.cookie('basket', value, { path: '/' }) 

This is an issue with the jquery cookie plugin. It will default to the path of the current page.

Answer 2

In the plugin file change:

config.defaults = {};

to

config.defaults = {path:'/'};

from https://github.com/carhartl/jquery-cookie/issues/2#issuecomment-790288