javascript - jQueryがローカルストレージから単一のアイテムを削除すると、他のアイテムはUIから消えますが、ローカルストレージにはまだ存在しますか?

Question

さて、レコードの削除をクリックすると、ローカルストレージから削除されたように見えますが、ページをリロードすると、ローカルストレージに他のレコードがまだ存在していても「ドロップダウン」が表示されませんか?

どうやってそれを修正するのだろうと思っています。

// 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' );