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'));