未为寻宝脚本保存 Cookie

Question

第一次海报，长期读者。

所以我需要创建一个快速而简单的寻宝游戏。这个想法是将一些值存储在 cookie 中，当用户单击具有匹配 id 的元素时，更新以下值。它还没有在那里，但是当这个人找到所有 8 个（在本例中）时，它会触发一些东西。

现在，我已经让它大部分工作了，但我遇到了一个大问题。 Cookie 不会逐页存储。如果我正在处理单个测试页，那就没问题了 - 创建 cookie，从其中提取值并将其放入检查数组中，并且计数器正确递增。此外，当 cookie 更新时，新值也可以很好地存储。

然而，当我转到另一个页面并检查 cookie 时，它​​已经消失了。现在我检查了一下饼干是否真的被扔进去了，是的，它就在那里。但是有多个 cookie 都具有相同的名称（它们正在更新值 - 但同样，它只是页面到页面，因此没有累积效应）。

所以，我想我不明白为什么当我调用 cookie 并重置它时，它不会影响单个 cookie，而是创建一个新的 cookie？

哦，我正在使用 jQuery 1.4.2 和 jQuery cookie 插件。

// if not present create default array and store in cookie cookie
if($.cookie('treasure_hunt') == null) {

var treasure = new Array(
    "arteContactEn",0,
    "arteCorpEn",0,
    "arteServicesEn",0,
    "arteRoomsEn",0,
    "arteDiningEn",0,
    "artePackEn",0,
    "arteHotelEn",0,
    "arteHomeEn", 0
)
   $.cookie('treasure_hunt', treasure, { expires: 7 });
}

// capture cookie info
var treasureFound = $.cookie('treasure_hunt');

// create check array and parse values into it
var treasureCheck = new Array();
var treasureCheck = treasureFound.split(',');

// function checks array and tallies total found items
function checkFound() { 
var foundItems = 0;

for(var i=0; i<treasureCheck.length; i++) {
    var value = treasureCheck[i];
    if(value == 1) {
        ++foundItems;
    }
}
// writes found items to span on page
$('.thProgress').text(foundItems);

}

// check number artefacts and write to page
var treasureTotal = treasureCheck.length / 2;
$('.thTotal').text(treasureTotal);

// on click checks element id against array and, if found, marks the following value as 1
$('.artefact-right, .artefact-left').click(function(){
var artefactID = $(this).attr('id');

for(var e=0; e<treasureCheck.length; e++) {
    var matchID = treasureCheck[e];
    var k = e + 1;

    if(matchID == artefactID) {
        treasureCheck[k] = 1;

        // checks for total found items
        checkFound();

        // updates cookie with new array
        $.cookie('treasure_hunt', treasureCheck, { expires: 7 });
    }

}

});

Answer 1

根据github中的README文件，需要定义如果您不希望 cookie 仅适用于创建它的页面，则 cookie 的有效路径：

定义cookie有效的路径。 默认的路径
cookie 是创建 cookie 的页面的路径（标准
浏览器行为）。 例如，如果您想让它可用
整个页面使用路径：'/'。如果你想删除cookie
对于特定路径，您需要在调用中包含该路径。

所以我认为它会是这样的：

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

PS 你在 var Treasure = new Array() 声明的末尾缺少一个分号。