impossible de supprimer le cookie jquery

Question

en utilisant jquery cookie pour passer la valeur de l'élément cliqué sur ma première page à utiliser sur la page suivante. Le problème que je rencontre est que chaque fois que je mets le cookie à zéro, la valeur n'est pas supprimée. il reste encore.

script jquery sur ma première page

<script> 
$(document).ready(function() { 
    $("div.product-header").click(function() { 
     var index = $("div.product-header").index(this); 
     $.cookie("product_name", index); 
     //alert("product category: "+$.cookie("product_name")); 
    }); 
    $("div.product-subheader").click(function() { 
     var index = $("div.product-subheader").index(this); 
     $.cookie("product_subheader", index); 
     //alert("product category item: "+$.cookie("product_subheader")); 
    }); 
}); 
</script> 

deuxième script de la page qui utilisera le cookie (sur cette page le cookie travaille à droite)

<script> 
$(document).ready(function() { 
    $(".product-contents").hide(); 
    $('div.product-header').eq($.cookie('product_name')).addClass('active').next().show(); 
    $('div.product-subheader').eq($.cookie('product_subheader')).css({fontWeight: 'bold', backgroundColor: '#eeeeee'});    
    $('div.product-header').click(function(){ 
     $.cookie('product_name',$('div.product-header').index(this)); 
     if($(this).next().is(':hidden')) { 
      $('div.product-header').removeClass('active').next().hide(); 
      $(this).toggleClass('active').next().show(); 
     } 
     return false; 
    }); 
}); 
</script> 

mais lorsque je tente d'utiliser sur le script la deuxième page; le cookie n'est pas supprimé chaque fois que j'ai utilisé le $ .cookie ("product_name", null); et $ .cookie ("product_subheader", null); le cookie ne fonctionne toujours pas supprimé

<script> 
$(document).ready(function() { 
    $("div.product-header").click(function() { 
     $.cookie("product_name", null); 
     alert("cookie product category should be null not: "+$.cookie("product_name")); 

     var index = $("div.product-header").index(this); 
     $.cookie("product_name", index); 
    }); 

    $("div.product-subheader").click(function() { 
     $.cookie("product_subheader", null); 
     alert("cookie product category item should be null not: "+$.cookie("product_subheader")); 

     var index = $("div.product-subheader").index(this); 
     $.cookie("product_subheader", index); 
    }); 
}); 
</script> 

les corrections sur mon code ci-dessus?

Answer 1

Vous devrez spécifier le chemin lorsque vous définissez le cookie. Utiliser

$.cookie("product_name", index, { path: '/' }); 

Cela devrait vous permettre de le supprimer des pages autres que celle qui a créé le cookie.