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

Question

好的，当我点击记录上的删除时，它似乎从Localstorage中删除了它，但是当页面重新加载时，没有任何“dropdown”显示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' );