1

我有一个脚本，我可以使用点击事件和 cookie 插件保存纯文本：

$('.fields').click(function(e) {
    var text = $('#inputBox').val();
    $.cookie('demoCookie',text,{expires: 7, path: '/' });
    $(".jq-text").text(text);
    .....

cookie 是这样调用的：

var cookie = $.cookie('demoCookie');    
if (cookie){
    $('.jq-text').text(cookie).show();

所以现在我想附加一个带有链接的列表，当然还有一个 cookie 保存它：

$('.fields').click(function(e) {
    var text = $('#inputBox').val();
    $.cookie('demoCookie',text,{expires: 7, path: '/' });
    $(".jq-text").append('<li><a href="' + text + '">' + text + '</a></li>');

我无法让它工作：JsFiddle

文本被保存，但不保存列表和 href。

ps问题可能是动态创建的列表消失了第二个刷新页面..

4

1 回答 1

3

问题是您每次保存时都会覆盖该值。这就是为什么你只能读回你添加的最后一个。您需要阅读已经存在的内容，附加到它，然后再次保存。

创建一个数组来保存您的值并在将其写入 cookie 时将其设为 JSON 字符串可能是个好主意。然后，当您读回它时，您可以再次将 JSON 解析为一个数组（parseJSON jQuery 命令）并添加您的新值。

这是一个编辑过的小提琴，显示了我的意思：http: //jsfiddle.net/dx6CN/3/

于 2012-09-26T09:16:59.907 回答