Javascript jQuery从localstorage中删除单个项时，其他项会从UI中消失，但仍然存在于localstorage中吗？

好的，当我在记录上单击delete时，它似乎从Localstorage中删除了它，但是当页面重新加载时，没有任何“下拉列表”显示Localstorage中的其他记录，即使它们仍然存在

我只是想知道我该怎么解决这个问题

// Variable Defaults
var aragStyles = ["1, 2 , 3 , 4"],
aragValue,
save = $("#submit"),
;

---

如果您使用开发人员工具，您将看到内容实际上正在加载到“下拉列表”（我认为它们的正式名称为“”）中，但我认为发生的情况是列表在注入DOM时没有正确地“重新初始化”。查看或获取有关的帮助

.trigger('create');

我查看了您的代码，我想您会希望在

getData（）

函数中使用它。大概是这样的：

$('#'+id+'items').append(elems);

$("div[data-role='content']").trigger("create").trigger( 'updatelayout' );

变成

$('#'+id+'items').append(elems).trigger('create');

我不确定我是否正确地遵循了所有操作，但看起来这就是您实际将可折叠列表“推”到浏览器的地方

编辑：

要更新整个页面，您可以执行以下操作：

$('#'+id+'items').append(elems);

$("div[data-role='content']").trigger("create").trigger( 'updatelayout' );

---

是的，听起来你是对的。。但仅仅添加这些并没有起作用，它实际上似乎将可折叠列表添加到其他可折叠列表中，但仍然没有显示本地存储中存在的数据。但是，当我回到同一页，数据只是再次显示，就像列表中正常显示的一样，嗯。那么，请查看最底部的滚动条，并查看

updatelayout

部分。我也更新了我的答案。这似乎有点奏效，但当我出于某种原因在表单页面上时，当我第一次加载表单页面显示数据或标题中的回退按钮时，无法单击以#显示所有。。。很奇怪，但当我回去的时候它可以。也许我把它放错地方了？我把它放在var elems=上面，然后在控制台中返回Uncaught TypeError:无法读取未定义jquery.mobile-1.2.0.min.js的属性“jquery18207878432408607”。2修复了一些小错误，最新版本已经发布