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

Question

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

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

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

Answer 1

如果您使用开发人员工具，您会看到内容实际上被加载到“下拉列表”中（我认为它们被正式称为“可折叠列表”）但我认为正在发生的事情是列表不正确当它们被注入 DOM 时“重新初始化”。查看这篇文章或这篇文章以获得一些帮助

.trigger('create');

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

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

变成

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

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

编辑：

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

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