删除元素后，可折叠集不会刷新

Question

我有一个动态创建的可折叠集，我从表中获取数据。

我想在选择可折叠元素并按下删除按钮后删除可折叠元素。

按下删除按钮后，我在localstorage上执行删除查询。我成功地从数据库中删除了。

删除后，我再次查询数据库以在可折叠集中显示数据。

但我收到的数据已被删除。 我想这是刷新可折叠的问题。

如何避免在可折叠集中显示数据。

$(document).on("expand", "div[data-role=collapsible]", function(){
         name = $(this).find(".ui-btn-text")
                       .contents()
                       .filter(function(){
                           return this.nodeType == 3;
                       }).text();

    });

Answer 1

根据我们的讨论，您应该.remove()来自collapsible的已删除（数据） DOM标记，否则即使在追加后它仍然可见/可访问新数据，除非您刷新页面并加载新数据。

  

<强> Demo