请查看我的网站:moskah.nl
如果您在字段中键入内容,请保存并刷新。您会注意到 cookie 保存了该值。现在,如果您单击列表,它将被删除。现在尝试存储多个列表并再次删除它们。您将看到最后单击的列表项不会被删除(刷新时)
我不知道为什么会这样。我也不能给你一个关于 jsfiddle 的例子,因为它在那里不起作用。请查看网站的源代码(它非常小)以了解发生了什么。
这件作品持有 cookie 价值
$('.fields a').click(function(e) {
var text = $('#inputBox').val();
var values = $.parseJSON($.cookie('myDemoCookie'));
if (!values) {
values = [];
}
values.push(text);
$.cookie('myDemoCookie',JSON.stringify(values),{expires: 7, path: '/' });
$(".jq-text").append('<li><a href="' + text + '">' + text + '</a></li>');
e.preventDefault();
});
这是用于删除列表:
$('.jq-text li').live('click', function(e) {
var values = [];
$(".jq-text").find('a').each(function(i, item) {
values.push($(item).text());
});
$.cookie('myDemoCookie', JSON.stringify(values), {
expires: 7
});
$(this).remove();
e.preventDefault();
});