jQuery 从本地存储中删除单个项目后，其他项目从 UI 中消失但仍存在于本地存储中？

Question

好的，所以当我在记录上单击删除时，它似乎可以从 Localstorage 中删除它，但是当页面重新加载时，即使它们仍然存在，“下拉菜单”也不会显示 localstorage 中的其他记录？

只是想知道我将如何解决这个问题。

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

Answer 1

如果您使用开发者工具，您会看到内容实际上正在加载到“下拉菜单”中（我认为它们的正式名称为“Collapsible Lists”）但我认为正在发生的事情是列表当它们被注入 DOM 时，它们没有被正确地“重新初始化”。查看this post 或this post 以获得一些帮助

.trigger('create');

我查看了您的代码，我认为您会希望在您的 getData() 函数中使用它。像这样：

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

变成

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

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

编辑：

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

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