具有相同名稱的重複cookie會產生不良行爲

Question

嗨我想通過將瀏覽器狀態存儲到cookie中來保存瀏覽器狀態。由於某些原因，這似乎並不總是如此，因爲它會創建具有相同名稱的重複cookie 。這裏是我的意思：

這是我使用與cookies來工作的唯一代碼：

$(function() { 
var content = $("#content"); 
var state = $.cookie("layoutState"); 

if (state === "grid") { 
    content.removeClass("content-list").addClass("content-grid"); 
} 

if (state === "list") { 
    content.removeClass("content-grid").addClass("content-list"); 
} 

$("#list").on("click", function (e) { 
    $.cookie("layoutState", "list", { expires: 7, path: "/" }); 
    content.removeClass("content-grid").addClass("content-list"); 
    e.preventDefault(); 
}) 

$("#grid").on("click", function (e) { 
    $.cookie("layoutState", "grid", { expires: 7, path: "/"}); 
    content.removeClass("content-list").addClass("content-grid"); 
    e.preventDefault(); 
}) 

}）

我正在使用jQuery cookie插件。

有沒有人明白問題是什麼我一直試圖解決它幾個小時沒有運氣？

Answer 1

你可以檢查是否存在的cookie，刪除和創建一個，如：

if($.cookie("layoutState")) { 
    $.removeCookie('layoutState', { path: '/' }); 
} 
//and create 
$.cookie("layoutState", "grid", { expires: 7, path: "/"});