jQuery：在一个页面上设置cookie并从另一个页面检索

Question

我有两个 HTML 页面。

setcookie.html:

<script>    
if($.cookie('order_by') == null){
   $.cookie('order_by', 'Name');
}
console.log($.cookie('order_by'))  //Works fine
</script>

现在，我想在其他页面上检索此 cookie，但我无法做到。现在，setcookie.html 中有一个链接，可将我带到getcookie.html。

getcookie.html:

<script>    
console.log($.cookie('order_by'))  //Doesn't work
</script>

由于 cookie 已经设置（并且它永远不会过期），我应该能够在其他页面上检索它的值。对吧？

我该怎么做？

编辑：

这是getcookie.html的整个HTML。

<ul class="filter-by">
<li>
Filter by<br /><script>$('.filter-by li').append('<strong>'+$.cookie('order_by' , { path: '/' })+'</strong>');</script>
 <ul class="filter-items-list">
   <li>Name</li>
   <li>Views</li>
   <li>Latest</li>
   <li>Downloads</li>
  </ul>
<script>
$('.filter-items-list li').click(function(e) {
$.cookie('order_by',$(this).html(),  { path: '/' });
location.reload();
});
</script>
</li>
</ul>

Answer 1

我想我明白这就是问题所在。您需要设置整个网站的cookie：

setcookie.html:

$.cookie('order_by', 'Name', {'path': '/'});

getcookie.html:

console.log($.cookie('order_by'));