складной набор не обновляется после удаления элемента

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