我有个问题,找不到办法...我在每个网站上都有30个项目。
用户可以选择一个、两个或更多(或全部),然后转到下一页,选择下一页(最多30个)并转到下一页,并且如果他想要,必须是可以选择更多。
当他在下一页或其他地方时,我如何保存带有"active“类的项目,并将其保存在cookie或其他内容中?
在他完成后,我有一个按钮,我必须在其中读出所有选定的项目。
这是项目的外观(我的HTML)
<div id="items">
<label class="item active" data-itemid="12345">Item1</div>
<label class="item" data-itemid="12345">Item2</div>
<label class="item" data-itemid="12345">Item3</div>
</div>
如果有人单击某项,则类操作将添加到他单击的标签中。就像第一个。
这是我的尝试
var items = [];
$('#items .active').each(function(i, obj) {
items.push($(this).data('itemid'));
});
app.setcookie('itemselected', JSON.stringify(items));
它保存了每个活动类,但问题是,当我转到下一个站点时,他删除了第一个站点上选择的所有内容,并覆盖了当前站点中每个选定的(活动)项目……
Cookie看起来像12345, 123456, 1234567
,但当我转到第2页并开始选择/激活下一项时,然后覆盖我的旧项
此外,当他取消选择某一项时,必须从数组/cookie中删除该itemid
发布于 2018-09-11 03:52:26
试着这样开始吧……
// Save Local Data
var items = [];
$('#items .active').each(function(i, obj) {
items.push($(this).data('itemid'));
});
localStorage.setItem("active_items", JSON.stringify(items));
// retrieve data
var localData = localStorage.getItem("items");
if (localData){
items = JSON.parse(localData);
}
您可以在Storage>Local存储下的chrome检查器应用程序选项卡中查看本地保存的数据
https://stackoverflow.com/questions/52264437
复制相似问题